@charset "UTF-8";
.league-nav, .league-nav .container {
    position: relative
}

.icheck-list li label, .ltpuser > span, .not-wrap {
    word-berak: normal;
    word-wrap: normal;
    white-space: nowrap
}

.league-main-img em, .match-panel-hd em, .match-panel-status > .text-bonus em, .rgd-content li em {
    font-style: normal
}

.league-nav {
    height: 40px;
    border-bottom: 1px solid #8392a0;
    margin-bottom: 20px
}

.league-nav li a {
    float: left;
    display: block;
    height: 39px;
    line-height: 39px;
    margin-left: 140px;
    font-size: 14px;
    color: #fff
}

.league-nav li:first-child {
    margin-left: 20px
}

.league-nav li:first-child a {
    margin-left: 0
}

.league-nav li.active a {
    color: #14b9d6;
    border-bottom: 2px solid #14b9d6
}

.league-nav li:focus a, .league-nav li:hover a {
    color: #14b9d6;
    text-decoration: none
}

.league-nav:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #23252b;
    opacity: .5;
    filter: alpha(opacity=50)
}

.league-list-box {
    background: #2e3238;
    margin-bottom: 20px
}

.league-list-box.in {
    border-bottom: 1px solid #474b50
}

.league-list-box.in .league-list {
    margin-bottom: -1px;
    min-height: 150px
}

.league-list-hd {
    background: #23252b
}

.league-list-nav {
    min-height: 50px;
    line-height: 50px
}

.league-list-nav > li {
    display: inline
}

.league-list-nav > li > a {
    float: left;
    display: block;
    min-width: 100px;
    box-sizing: content-box;
    padding: 0 10px;
    font-size: 14px;
    color: #afb0b2;
    text-align: center
}

.league-list-nav > li > a > span {
    position: relative;
    display: inline-block;
    height: 13px;
    font-size: 12px;
    padding: 0 4px;
    line-height: 13px;
    background-color: #444953;
    border-radius: 2px;
    margin-left: 6px
}

.league-list li, .league-list ul a {
    height: 150px;
    margin-right: 20px;
    float: left
}

.league-list-nav > li > a > span:after {
    position: absolute;
    left: -6px;
    top: 3px;
    content: "";
    border: 3px solid transparent;
    border-right: 3px solid #444953
}

.league-list-nav > li > a:focus, .league-list-nav > li > a:hover {
    color: #fff;
    text-decoration: none
}

.league-list-nav > li > a:focus > span, .league-list-nav > li > a:hover > span {
    color: #fff
}

.league-list-nav > li.active a {
    color: #fff;
    background: #2e3238
}

.league-list, .league-list a {
    color: #a9aaac
}

.league-list-nav > li.active a > span {
    background-color: #16b2ce
}

.league-list-nav > li.active a > span:after {
    border-right: 3px solid #16b2ce
}

.league-list {
    overflow: hidden;
    padding: 20px 0 0 20px;
    position: relative
}

.league-list ul a {
    width: 190px
}

.league-list li {
    width: 192px;
    cursor: pointer
}

.league-list li.active .league-list-img {
    box-shadow: 0 0 7px #14b9d6;
    border: 1px solid #14b9d6
}

.league-list-img {
    position: relative;
    width: 192px;
    border: 1px solid transparent;
    height: 112px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px
}

.league-status {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 15px
}

.league-status[data-status=normal], .league-status[data-status=underway], .league-status[data-status=will], .league-status[data-status=wait] {
    background-color: #5f742f;
    color: #a3d80b
}

.league-status[data-status=pending], .league-status[data-status=audit] {
    background-color: #854925;
    color: #ff9d5f
}

.league-status[data-status=end], .league-status[data-status=reject] {
    background-color: #444953;
    color: #767c89
}

[data-icon=xs-user], [data-icon=xs-time] {
    padding-left: 19px
}

[data-icon=xs-user]:after {
    top: 2px;
    width: 14px;
    height: 14px;
    background-position: -1px -1px
}

[data-icon=xs-time]:after {
    top: 3px;
    width: 14px;
    height: 14px;
    background-position: -19px -1px
}

.league-user-assets {
    overflow: hidden
}

.league-user-assets li {
    line-height: 15px;
    margin-bottom: 8px
}

.league-user-assets li .base-pd, .league-user-assets li .base-vb {
    float: left;
    margin-right: 6px
}

.league-user-record {
    overflow: hidden;
    height: 63px;
    border-bottom: 1px solid #393f46;
    background-color: #33373e;
    padding-top: 10px
}

.league-user-record > li {
    float: left;
    width: 33%;
    text-align: center;
    color: #fff
}

.league-user-record > li > p {
    font-size: 12px;
    color: #afb0b2;
    margin-bottom: 5px
}

.league-user-record > li > span {
    font-size: 16px;
    font-weight: 700
}

.league-user-record > li:first-child > span {
    font-size: 14px;
    font-weight: 300
}

.league-user-score {
    height: 122px;
    border-bottom: 1px solid #393f46;
    background-color: #2e3238;
    padding: 20px
}

.league-user-score > li {
    text-align: right;
    font-size: 16px;
    color: #ff7e00;
    line-height: 20px;
    margin-bottom: 10px
}

.league-user-score > li > label, .recordchart-num li > label {
    float: left;
    font-weight: 300;
    font-size: 12px;
    color: #afb0b2
}

.league-user-score > li > label {
    width: 80px;
    margin-right: 10px;
    text-align: left
}

.league-user-score > li .star-icon {
    float: left;
    margin-right: 15px;
    margin-top: 3px
}

.league-user-recordchart {
    padding: 0 20px;
    height: 196px;
    background-color: #2e3238;
    position: relative
}

.recordchart {
    float: left;
    width: 200px;
    position: absolute;
    left: 9px;
    top: 10px
}

.league-user-recordchart:before {
    position: absolute;
    left: 50px;
    top: 38px;
    display: block;
    content: "";
    width: 126px;
    height: 120px;
    background: url(../img/recordchart.png) -131px -7px no-repeat
}

.recordchart-num {
    margin-left: 210px;
    padding-top: 15px
}

.recordchart-num li {
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 20px
}

.recordchart-num li > label {
    width: 50px
}

.recordchart-num li > p {
    color: #fff;
    font-size: 16px;
    max-width: 50px;
    text-align: right;
    float: right;
    font-weight: 700
}

.league-manage-panel {
    padding: 20px;
    background-color: #2e3238;
    margin-bottom: 20px;
    min-height: 500px
}

.league-manage-tt {
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    margin: 0 0 15px 10px
}

.league-manage-tt:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    background: url(../img/figure-icon.png) -67px -224px no-repeat
}

.league-manage {
    border-top: 1px solid #474b50
}

.league-manage-tab {
    background-color: #23252b;
    min-height: 50px
}

.league-manage-tab li {
    display: inline
}

.league-manage-tab li a {
    float: left;
    display: block;
    width: 94px;
    line-height: 50px;
    text-align: center;
    color: #fff
}

.league-manage-tab li a:hover {
    color: #16b2ce;
    text-decoration: none
}

.league-manage-tab li.active a, .league-manage-tab li > a.active {
    color: #16b2ce;
    background-color: #444953
}

.league-manage-tab + .league-type-tab {
    background-color: #444953
}

.league-manage-tab + .league-type-tab + .league-table > thead > tr > th {
    background-color: #3b4048;
    border-bottom: 1px solid #2e3238
}

.league-season {
    padding: 10px;
    background-color: #444953;
    height: 50px
}

.league-season .btn {
    height: 30px;
    line-height: 28px;
    border: 1px solid #30343a;
    color: #afb0b2;
    outline: 0;
    padding: 0 14px;
    border-radius: 30px;
    background-color: #393d45;
    font-size: 12px
}

.league-season-list > a {
    float: left
}

.league-season .btn > span {
    float: left;
    min-width: 65px;
    text-align: center
}

.league-season .active .btn, .league-season .btn.active, .league-season .btn:hover {
    background-color: #2c8195;
    border-color: #15b6d3;
    color: #fff
}

.league-season .btn.btn-add {
    color: #fff;
    background-color: #69812d;
    border-color: #77a20d
}

.league-lt-tap li {
    display: inline
}

.carousel-next, .carousel-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.carousel-prev {
    background: url(../img/league-icon.png) -7px -158px no-repeat
}

.carousel-prev:active, .carousel-prev:focus, .carousel-prev:hover {
    background-position: -43px -158px
}

.carousel-next {
    background: url(../img/league-icon.png) -7px -190px no-repeat
}

.carousel-next:active, .carousel-next:focus, .carousel-next:hover {
    background-position: -43px -190px
}

.league-season-carousel {
    margin-left: 125px
}

.league-season-carousel li {
    float: left;
    margin-right: 20px
}

.league-season-carousel .carousel-prev {
    float: left;
    display: block !important
}

.league-season-carousel .carousel-next {
    float: right;
    display: block !important
}

#league-season-list {
    margin: 0 50px
}

.league-type-tab {
    overflow: hidden;
    background-color: #34393f
}

.league-type-tab ul li {
    display: inline
}

.league-type-tab ul li a {
    float: left;
    font-size: 12px;
    color: #afb0b2;
    min-width: 130px;
    text-align: center;
    line-height: 50px;
    border-bottom: 2px solid transparent
}

.league-type-tab ul li.active a {
    border-bottom: 2px solid #16b2ce;
    color: #fff
}

.league-type-tab ul li a:hover {
    color: #fff;
    text-decoration: none
}

.league-table {
    border-collapse: separate;
    text-align: center
}

.league-table .btn {
    height: 28px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #444953;
    color: #afb0b2;
    margin-right: 5px
}

.league-table .btn.btn-xs {
    height: auto;
    padding-top: 1px;
    padding-bottom: 1px
}

.league-table .btn.btn-info {
    background-color: #16b2ce;
    color: #fff
}

.league-table .btn.btn-danger, .league-table .btn.btn-danger:hover {
    background-color: #dd3c3d;
    color: #fff
}

.active .info-num, .league-table .btn:hover {
    background-color: #16b2ce
}

.league-table .btn:hover {
    color: #fff
}

.active .info-num:after {
    border-right-color: #16b2ce
}

.league-table > thead > tr > th {
    text-align: center;
    height: 35px;
    vertical-align: middle;
    border-bottom: 0;
    color: #afb0b2;
    background-color: #444953;
    font-weight: 300
}

.league-table > tbody > tr > td {
    border: 0;
    vertical-align: middle;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.league-table > tbody > tr > td .hack-css {
    background-position: -356px 0
}

.league-table > tbody > tr.even > td {
    background-color: #393f46
}

.league-table > tbody > tr.even > td .hack-css {
    background-position: -392px 0
}

.league-table > tbody > tr:not(.emptys):hover > td {
    background-color: #40434d;
    border-top-color: #53565f;
    border-bottom-color: #2a2b32
}

.league-table > tbody > tr:not(.emptys):hover > td .hack-css {
    background-position: -428px 0
}

.league-table-list {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 25px;
    border: 1px solid #474b50;
    background-color: #2e3238;
    font-size: 14px;
    color: #afb0b2;
    text-align: center
}

.league-table-list.sm {
    font-size: 12px
}

.league-table-list[data-list="1"] {
    font-size: 0
}

.league-table-list[data-list="1"]:after {
    position: absolute;
    left: 11px;
    top: 11px;
    display: block;
    content: "";
    width: 12px;
    height: 9px;
    background: url(../img/league-icon.png) -236px -1px no-repeat
}

.league-table-list[data-list="2"], .league-table-list[data-list="3"] {
    color: #ff6616
}

.league-list-direction {
    display: inline-block;
    content: "";
    width: 10px;
    height: 2px;
    background-color: #afb0b2
}

.league-list-direction.up {
    height: 10px;
    background: url(../img/league-icon.png) -237px -12px no-repeat
}

.league-list-direction.down {
    height: 10px;
    background: url(../img/league-icon.png) -237px -25px no-repeat
}

.lt-player {
    max-width: 185px
}

.lt-player-img {
    position: relative;
    float: left;
    width: 39px;
    height: 39px;
    border: 2px solid transparent
}

.lt-player-content {
    margin-left: 53px;
    padding-top: 11px
}

.lt-player-content > div {
    max-width: 100%
}

.lt-player-content .lt-player-name {
    margin-left: 0;
    padding-top: 0
}

.lt-player-img .hack-css {
    background-position: -356px 0
}

.lt-player-name {
    margin-left: 48px;
    font-size: 12px;
    color: #afb0b2;
    text-align: left
}

.lt-player-name a {
    color: #afb0b2
}

.lt-player-name a:hover {
    text-decoration: none;
    color: #16b2ce
}

.league-th-player {
    padding-left: 6px;
    text-align: left
}

.modal-add-season {
    width: 456px
}

.league-form-content {
    padding: 20px 120px 0 0
}

.league-form-content .control-label {
    font-weight: 300;
    color: #6f7174;
    font-size: 14px
}

.league-form-content .form-control-static {
    font-size: 14px
}

.league-form-content button.form-control, .league-form-content input, .league-form-content textarea {
    background-color: #444953;
    border: 0;
    color: #afb0b2
}

textarea.league-form-explain {
    height: 233px;
    resize: none
}

.btn-league-form {
    width: 101px;
    padding-top: 3px;
    padding-bottom: 3px
}

.upload-team-logo .ajax-uploader {
    width: 190px;
    height: 100px;
    background: #444953;
    border-radius: 5px;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #2e3238;
    padding-top: 27px;
    float: left
}

.upload-team-logo .ajax-uploader:before {
    display: block;
    content: "";
    width: 32px;
    height: 27px;
    background: url(../img/league-icon.png) -319px -1px no-repeat;
    margin: 0 auto 5px
}

.upload-team-logo .ajax-uploader img {
    position: absolute;
    left: 0;
    top: 0
}

.league-form-note {
    color: #6f7174;
    font-size: 12px;
    margin-left: 17px
}

.league-form-date {
    width: 190px
}

.input-group .form-control {
    box-shadow: none
}

.input-group .form-control[disabled], .input-group .form-control[readonly] {
    background-color: #444953
}

.league-form-content .input-group-addon {
    background-color: #444953;
    border-color: #444953
}

.glyphicon-calendar {
    width: 16px;
    height: 16px
}

.glyphicon-calendar:before {
    width: 16px;
    height: 16px;
    display: block;
    content: "";
    background: url(../img/league-icon.png) -39px -1px no-repeat
}

.admin-xs-list li {
    float: left;
    text-align: center;
    margin-right: 28px
}

.admin-xs-list li > .admin-xs-img {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.admin-xs-list li > .admin-xs-img .hack-css {
    background-position: -159px -42px
}

.admin-level {
    display: inline-block;
    padding: 0 8px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    font-size: 12px;
    vertical-align: top;
    margin-top: -5px;
    position: relative
}

.admin-level[level="1"] {
    background-color: #ab8311;
    color: #fff
}

.admin-level[level="2"] {
    background-color: #187f91;
    color: #fff
}

.admin-xs-name a {
    color: #afb0b2
}

.admin-xs-name a:active, .admin-xs-name a:focus, .admin-xs-name a:hover {
    text-decoration: none
}

.form-horizontal .control-admin-label {
    padding-top: 32px
}

textarea.form-control.league-form-info {
    height: 133px;
    resize: none
}

.league-history-hd {
    overflow: hidden;
    border-bottom: 1px solid #2e3238;
    background-color: #3b4048;
    line-height: 28px;
    padding: 11px 10px 11px 0
}

.league-history-even-tt {
    float: left;
    padding-left: 160px
}

.serach-date {
    float: left;
    width: 125px
}

.serach-date .form-control {
    background-color: #23252b;
    border: 1px solid #23252b;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 28px;
    font-size: 12px;
    color: #afb0b2;
    padding-left: 7px
}

.serach-date .form-control[disabled], .serach-date .form-control[readonly] {
    background-color: #23252b
}

.serach-date .input-group-addon {
    height: 28px;
    padding: 0 7px;
    background-color: #23252b;
    border: 1px solid #23252b
}

.league-history-type {
    font-size: 12px;
    margin-right: 12px;
    float: left
}

.serach-date-go {
    font-size: 14px;
    color: #afb0b2;
    float: left;
    margin: 0 8px
}

.league-history-hd button.btn {
    height: 28px;
    font-size: 12px;
    color: #afb0b2;
    background-color: #23252b;
    line-height: 14px
}

.league-history-hd button.btn-serach-date {
    width: 74px;
    margin-left: 10px
}

.league-history-hd button.btn:hover, button.btn:active, button.btn:focus {
    outline: 0 !important;
    color: #afb0b2
}

.league-history-list li {
    overflow: hidden;
    padding: 19px 0;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.league-history-list li.even {
    background-color: #393f46
}

.league-history-time {
    color: #6f7174
}

.league-history-event {
    padding-left: 80px
}

.league-history-list li:hover {
    background-color: #40434d;
    border-top-color: #53565f;
    border-bottom-color: #2a2b32
}

.setting-season-reward .btn.btn-add-prize {
    position: absolute;
    top: 0;
    right: -62px
}

.btn.btn-add-prize {
    width: 124px
}

.league-prize-list li {
    padding: 19px 10px 19px 0;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    overflow: hidden
}

.league-prize-list li.even {
    background-color: #393f46
}

.league-prize-list li input.form-control {
    background-color: #444953;
    border: 1px solid #444953;
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #afb0b2;
    font-size: 12px;
    box-shadow: none
}

.league-prize-list li .btn {
    height: 28px;
    font-size: 12px;
    width: 57px;
    margin-left: 10px;
    background-color: #444953;
    color: #afb0b2;
    padding-top: 5px;
    padding-bottom: 5px
}

.league-game-history {
    width: 750px;
    text-align: center
}

.league-search-box {
    position: relative;
    width: 205px
}

.league-search-box .form-control {
    height: 28px;
    border-radius: 28px;
    background-color: #23252b;
    padding-left: 20px;
    font-size: 12px;
    border: 0;
    color: #afb0b2;
    padding-right: 60px
}

.league-search-box button[type=submit], .league-search-box button[type=button] {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 28px;
    background-color: transparent;
    outline: 0 !important;
    border: 0
}

.league-search-box button[type=submit]:after, .league-search-box button[type=button]:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/league-icon.png) -289px -1px no-repeat;
    margin: 0 auto
}

.league-game-list li > div:first-child:after, .league-game-list li > div:first-child:before {
    display: table;
    content: " "
}

.league-game-list li > div:first-child {
    padding: 13px 10px 13px 0;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer
}

.league-game-list li > div:first-child:after {
    clear: both
}

.league-game-list li.even > div:first-child {
    background-color: #393f46
}

.league-game-list li .league-game-history {
    line-height: 28px
}

.league-game-list li .fadeout {
    color: #6f7174
}

.league-game-list li .btn {
    height: 28px;
    font-size: 12px;
    margin-left: 10px;
    background-color: #444953;
    color: #afb0b2;
    padding-top: 5px;
    padding-bottom: 5px
}

.league-game-list li .btn.btn-show-detail.active, .league-game-list li .btn:hover {
    background-color: #16b2ce;
    color: #fff
}

.league-game-list li .btn.btn-show-detail {
    position: relative;
    padding-left: 23px
}

.league-game-list li .btn.btn-show-detail:before {
    position: absolute;
    left: 9px;
    top: 11px;
    content: "";
    border: 4px solid transparent;
    border-top: 7px solid #7b7e84
}

.league-game-list li .btn.btn-show-detail:hover:before {
    border-top-color: #fff
}

.league-game-list li .btn.btn-show-detail.active:before {
    top: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #fff
}

.league-game-detail {
    border-top: 1px solid #2e3238;
    position: relative;
    display: none
}

.league-game-detail:after, .league-game-detail:before {
    position: absolute;
    left: 50%;
    content: ""
}

.league-game-detail:before {
    top: -17px;
    margin-left: -8px;
    display: block;
    border: 8px solid transparent;
    border-bottom: 9px solid #2e3238
}

.league-game-detail:after {
    top: -13px;
    margin-left: -6px;
    display: block;
    border: 6px solid transparent;
    border-bottom: 7px solid #3b4048
}

.base-pd > p > span, .base-vb > p > span, .side-user-hd {
    position: relative
}

.league-type-tab .league-search-box {
    margin-top: 12px;
    margin-right: 10px
}

.modal-add-seasoner {
    text-align: center;
    font-size: 12px;
    color: #afb0b2
}

.modal-add-seasoner img {
    border-radius: 60px;
    border: 1px solid #474b50;
    margin-bottom: 8px
}

.league-table-escapecolor {
    color: #f1462a
}

.league-table-cheatcolor {
    color: #3b76ee
}

.league-table-vulgarcolor {
    color: #cd54da
}

.league-table-scoringcolor {
    color: #fff
}

#modal-why .modal-center-icon {
    background: url(../img/figure-icon.png) -97px -451px no-repeat;
    margin-top: 0
}

.league-form-manage {
    width: 388px
}

.league-form-season {
    margin-left: 116px
}

.league-form-manage .league-form-date {
    width: 184px;
    float: left
}

.league-form-manage .league-date-go {
    font-size: 14px;
    color: #afb0b2;
    float: left;
    margin: 0 6px;
    padding: 7px 0
}

.league-form-reward {
    margin-left: 129px
}

.league-form-manage .bootstrap-select {
    width: 100%
}

.league-form-manage .league-fr-select {
    width: 109px
}

.league-form-nocol {
    padding-left: 86px
}

.league-form-nocol .control-label {
    margin-right: 24px
}

.league-main-box {
    margin-bottom: 20px
}

.league-main {
    padding: 20px;
    background-color: #2e3238
}

.league-main-img {
    float: left;
    width: 170px;
    height: 160px;
    overflow: hidden;
    background-color: #23252b;
    font-size: 14px;
    color: #afb0b2;
    text-align: center;
    line-height: 1.6;
    border-radius: 4px
}

.league-main-img img {
    display: block;
    margin-bottom: 10px
}

.base-pd, .base-vb, .league-main-img em {
    display: inline-block
}

.league-main-img em {
    font-size: 24px;
    color: #ee4e10;
    vertical-align: middle;
    margin-top: -5px
}

.league-main-content {
    margin-left: 190px;
    min-height: 160px
}

.league-main-content .star-icon {
    margin-right: 5px
}

.league-main-name {
    font-size: 14px;
    color: #fff;
    margin-right: 5px
}

.league-main-data li {
    float: left;
    padding: 0 15px;
    height: 31px;
    border-left: 1px solid #393f46;
    text-align: center
}

.league-main-data li p {
    color: #afb0b2;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-top: -5px;
    margin-bottom: 5px
}

.league-main-data {
    overflow: hidden
}

.league-main-data li:first-child {
    border-left: 0;
    text-align: left;
    padding-left: 0
}

.league-main-time {
    margin-bottom: 5px
}

.league-main-bonus {
    margin-right: -25px
}

.league-main-bonus > li {
    display: inline-block;
    padding-right: 25px;
    margin-bottom: 5px;
    vertical-align: middle
}

.league-main-bonus > li > h6 {
    font-size: 12px;
    color: #afb0b2;
    font-weight: 300;
    margin: 0 0 5px
}

.league-main-bonus > li > span {
    font-size: 14px;
    color: #ee4e10;
    font-weight: 700
}

.league-main-ft {
    float: right;
    min-width: 97px;
    margin-top: 13px
}

.league-main-ft .btn-success {
    background-color: #69812d;
    border-color: #69812d;
    padding-top: 3px;
    padding-bottom: 3px
}

.league-dashed {
    border: 0;
    height: 1px;
    overflow: hidden;
    background: url(../img/league-dashed-b.png) repeat-x
}

.league-side-left {
    float: left;
    width: 340px;
    margin-bottom: 20px
}

.league-side-right {
    float: right;
    width: 720px
}

.league-user-panel {
    height: 108px;
    background: url(../img/league-icon.png) -113px -231px no-repeat;
    padding: 17px 0 0 20px
}

.league-user-img {
    float: left;
    width: 76px;
    height: 76px;
    border: 3px solid #40434d;
    border-radius: 76px
}

.league-user-img.approve-user .approve-user-b {
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    border: 3px solid #23252b
}

.league-user-content {
    margin-left: 87px;
    padding-top: 5px
}

.league-user-name {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    float: left;
    margin-right: 8px;
    max-width: 100px
}

.league-user-base {
    overflow: hidden;
    margin-bottom: 5px
}

.league-user-base .taps {
    margin-left: 7px
}

.base-pd:after, .base-pd:before, .base-vb:after, .base-vb:before {
    display: block;
    height: 15px;
    float: left;
    content: ""
}

.base-pd > p, .base-vb > p {
    position: relative;
    float: left;
    height: 15px;
    line-height: 15px;
    padding: 0 5px 0 1px;
    font-size: 12px;
    color: #fff
}

.base-pd > p {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f90b526, endColorstr=#7f90b526);
    background-color: rgba(144, 181, 38, .5)
}

.base-vb > p {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f17b7cf, endColorstr=#7f17b7cf);
    background-color: rgba(23, 183, 207, .5)
}

.base-pd:before, .base-vb:before {
    width: 17px;
    background: url(../img/league-icon.png) -113px -214px no-repeat
}

.base-pd:before {
    background-position: -179px -214px
}

.base-pd:after, .base-vb:after {
    width: 6px;
    background: url(../img/league-icon.png) -171px -214px no-repeat
}

.base-pd:after {
    background-position: -241px -214px
}

#match-list .ltpuser > span {
    margin-left: 15px
}

.side-user-hd {
    height: 55px;
    border-bottom: 1px solid #393f46;
    background-color: #23252b
}

.side-user-tap li {
    display: inline
}

.side-user-tap li a {
    float: left;
    margin-left: 20px;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color: #afb0b2
}

.side-user-tap li.active a {
    color: #16b2ce;
    border-bottom: 3px solid #16b2ce
}

.side-user-tap li a:hover {
    color: #16b2ce;
    text-decoration: none
}

.hd-edit {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 15px;
    background: url(../img/league-icon.png) -244px -122px no-repeat;
    cursor: pointer
}

.side-user-list {
    background-color: #2e3238
}

.side-user-list li .side-user-main {
    position: relative;
    height: 90px;
    padding: 0 20px;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    line-height: 22px
}

.my-friends-list {
    max-height: 630px;
    overflow: hidden;
    background-color: #2e3238
}

.my-friends-list.jspScrollable ul {
    padding-right: 9px
}

.my-friends-list .jspVerticalBar {
    background-color: transparent;
    right: 7px
}

.my-friends-list .jspTrack {
    background-color: transparent
}

.my-friends-list .jspDrag {
    background-color: #393f46
}

.my-friends-list li.team .side-user-main:after {
    position: absolute;
    right: 17px;
    top: 34px;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../img/league-icon.png) -169px -22px no-repeat
}

.my-friends-list li.joined .friends-send-type:after {
    background-position: -169px -76px
}

.my-friends-list li.inviteing:after {
    width: 16px;
    height: 16px;
    background: url(../img/league-icon.png) -169px -112px no-repeat
}

.my-friends-list li.ingame .friends-send-type:after {
    background-position: -151px -4px
}

.my-friends-list li .friends-send-types, .my-friends-list li.joined .friends-send-type, .my-friends-list li.no-joined .friends-send-type {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 52px;
    height: 100%;
    line-height: 90px;
    color: #afb0b2;
    text-decoration: none
}

.my-friends-list li.joined .friends-send-type:after, .my-friends-list li.no-joined .friends-send-type:after {
    position: absolute;
    left: 19px;
    top: 50%;
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-image: url(../img/league-icon.png);
    background-repeat: no-repeat
}

.my-friends-list li.joined.inving .friends-send-type:after, .my-friends-list li.no-joined.inving .friends-send-type:after {
    display: none
}

.my-friends-list li.free.joined:not(.inving) .friends-send-type, .my-friends-list li.free.no-joined:not(.inving) .friends-send-type {
    cursor: pointer
}

.my-friends-list li.free.no-joined .friends-send-type:after {
    background-position: -169px -94px
}

.my-friends-list li.free.no-joined:not(.inving) .friends-send-type:hover:before, .my-friends-list li.joined:not(.inving) .friends-send-type:hover:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacify=40)
}

.my-friends-list li.free.joined.agree .friends-send-type:before, .my-friends-list li.free.joined.inving .friends-send-type:after {
    display: none
}

.my-friends-list li.free.joined.agree {
    cursor: default
}

.my-friends-list li.free.joined.agree .friends-send-type:after {
    background-position: -169px -22px
}

.my-friends-list li.offline .side-user-img img {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.my-friends-list li .inviteing {
    position: absolute;
    right: 17px;
    top: 35px
}

.my-friends-list li {
    position: relative;
    overflow: hidden
}

.side-user-list li.even .side-user-main {
    background-color: #393f46
}

.side-user-list li.even .hack-css {
    background-position: -168px -185px
}

.side-user-img {
    float: left;
    width: 54px;
    height: 54px;
    margin-top: 19px;
    border: 2px solid transparent
}

.side-user-img .hack-css {
    background-position: -114px -185px
}

.side-user-content {
    margin-left: 62px;
    height: 90px
}

.side-user-content > div {
    display: table;
    width: 100%;
    table-layout: fixed
}

.side-user-content > div > div {
    display: table-cell;
    height: 90px;
    vertical-align: middle
}

.side-user-name {
    font-size: 12px;
    font-weight: 700;
    color: #f8f6f3;
    margin-right: 8px;
    max-width: 120px;
    float: left
}

.side-user-content .taps {
    margin-left: 7px
}

.side-user-content label {
    font-weight: 300;
    margin-right: 8px;
    color: #afb0b2
}

.lsm-ft-hd, .lsm-total {
    font-weight: 700;
    color: #ee4e10
}

.side-user-content .site {
    color: #fff;
    margin-right: 13px
}

.side-user-data {
    float: left;
    height: 31px;
    border-right: 1px solid #2e3238;
    color: #fff;
    margin-top: 10px
}

.side-user-data > p {
    font-size: 12px;
    color: #afb0b2;
    margin-top: -8px
}

.lsm-ft-hd, .lsm-gold, .lsm-name, .side-user-data > span {
    font-size: 14px
}

.side-user-data.sites {
    width: 74px
}

.side-user-data.force {
    width: 88px;
    text-align: center
}

.side-user-data.matches {
    float: right;
    max-width: 70px;
    text-align: center;
    border-right: 0
}

.ls-main {
    margin-left: 360px;
    margin-bottom: 20px
}

.ls-main .league-main-box {
    margin-bottom: 0
}

.ls-main-hd {
    height: 50px;
    background-color: #23252b
}

.ls-main-tab li {
    display: inline
}

.ls-main-tab li a {
    float: left;
    width: 120px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #afb0b2;
    cursor: pointer
}

.ls-main-tab li a > span {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 30px;
    background: #444953;
    vertical-align: middle;
    margin-right: 9px
}

.lsm-img, .lsm-img img {
    border-radius: 6px
}

.ls-main-tab li a > span:after {
    position: absolute;
    left: 8px;
    top: 8px;
    display: block;
    content: "";
    background-image: url(../img/league-icon.png);
    background-repeat: no-repeat
}

.ls-main-tab li a[aria-controls=all] > span:after {
    width: 15px;
    height: 15px;
    background-position: -291px -60px
}

.ls-main-tab li a[aria-controls=league] > span:after {
    width: 21px;
    height: 15px;
    left: 4px;
    background-position: -316px -59px
}

.ls-main-tab li a[aria-controls=cup] > span:after {
    width: 18px;
    height: 17px;
    left: 6px;
    top: 7px;
    background-position: -347px -58px
}

.ls-main-tab li a[aria-controls="all&type=my"] > span:after {
    width: 13px;
    height: 17px;
    left: 9px;
    top: 7px;
    background-position: -263px -121px
}

.ls-main-tab li a[aria-controls=all]:hover > span:after, .ls-main-tab li.active a[aria-controls=all] > span:after {
    background-position: -291px -80px
}

.ls-main-tab li a[aria-controls=league]:hover > span:after, .ls-main-tab li.active a[aria-controls=league] > span:after {
    background-position: -316px -80px
}

.ls-main-tab li a[aria-controls=cup]:hover > span:after, .ls-main-tab li.active a[aria-controls=cup] > span:after {
    background-position: -347px -78px
}

.ls-main-tab li a[aria-controls="all&type=my"]:hover > span:after, .ls-main-tab li.active a[aria-controls="all&type=my"] > span:after {
    background-position: -282px -121px
}

.ls-main-tab li a:hover {
    text-decoration: none;
    color: #fff
}

.ls-main-tab li.active a {
    background-color: #2e3238;
    color: #fff
}

.ls-main-hd .league-search-box {
    margin: 10px 10px 0 0
}

.ls-main-hd .league-search-box .form-control {
    background-color: #444953
}

.ls-main-hd .league-search-box button[type=submit]:after, .ls-main-hd .league-search-box button[type=button]:after {
    background-position: -268px -1px
}

.ls-main-list li .lsm-main {
    padding: 20px;
    background-color: #2e3238;
    overflow: hidden;
    position: relative
}

.ls-main-list li.end {
    opacity: .5
}

.ls-main-list li.even .lsm-main {
    background-color: #34393f
}

.lsm-img {
    position: relative;
    float: left;
    width: 170px;
    height: 90px;
    overflow: hidden
}

.cup .lsm-img:after, .league .lsm-img:after, .lsm-img:before {
    position: absolute;
    content: ""
}

.lsm-img:before {
    left: 0;
    top: 0;
    border: 25px solid transparent;
    border-top: 24px solid #14b9d6;
    border-left: 24px solid #14b9d6;
    opacity: .5;
    filter: alpha(opacity=50)
}

.lsm-content li, .lsm-ft {
    border-left: 1px solid #393f46
}

.league .lsm-img:after {
    left: 4px;
    top: 5px;
    display: block;
    width: 21px;
    height: 15px;
    background: url(../img/league-icon.png) -316px -80px no-repeat
}

.cup .lsm-img:after {
    left: 5px;
    top: 6px;
    display: block;
    width: 18px;
    height: 17px;
    background: url(../img/league-icon.png) -347px -78px no-repeat
}

.lsm-content {
    margin-left: 190px
}

.lsm-name {
    color: #fff;
    margin-right: 8px;
    float: left
}

.lsm-name-box {
    overflow: hidden
}

.lsm-content .star-icon {
    margin-right: 5px
}

.lsm-data {
    float: left;
    height: 31px;
    line-height: 28px;
    box-sizing: content-box
}

.lsm-time {
    color: #afb0b2
}

.match-lobby {
    border-top: 1px solid #474b50
}

.match-lobby .league-manage-tab li.active a {
    background-color: #393f46
}

li.ob p {
    opacity: 1;
    filter: alpha(opacity=100)
}

li.ob span {
    color: #fff
}

.lsm-gold {
    color: #90b526
}

.faq-mark {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/league-icon.png) -262px -59px no-repeat;
    margin-left: 4px
}

.lsm-ft {
    height: 92px;
    text-align: center
}

.lsm-ft .btn {
    min-width: 74px;
    box-sizing: content-box;
    padding-top: 3px;
    padding-bottom: 3px
}

.lsm-ft .btn.btn-primary {
    background-color: #1e8397
}

.lsm-ft .btn.btn-success {
    background-color: #69812d;
    border-color: #69812d
}

.league-main-ft .btn.btn-wait, .lsm-ft .btn.btn-wait {
    color: #fff
}

.lsm-bonus {
    height: 40px;
    overflow: hidden
}

.lsm-bonus a:hover {
    color: #b2b2b2
}

.lsm-ft-hd {
    margin: 2px 0 5px
}

.lsm-status, .lsm-total {
    padding-left: 26px;
    font-size: 14px;
    margin-bottom: 10px
}

.lsm-ft-hd a {
    color: #ee4e10;
    text-decoration: none
}

.lsm-total {
    position: relative
}

.lsm-status:after, .lsm-total:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px
}

.lsm-total:after {
    content: "";
    background: url(../img/league-icon.png) -193px -49px no-repeat
}

.lsm-status {
    position: relative;
    color: #a0a2a4
}

.lsm-status:after {
    content: "";
    background: url(../img/league-icon.png) -193px -28px no-repeat
}

.show-lsm-list:after, .show-lsm-list:before {
    position: absolute;
    top: 3px;
    content: ""
}

.show-lsm-list {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -68px;
    width: 137px;
    height: 11px;
    background: url(../img/league-icon.png) -262px -217px no-repeat;
    cursor: pointer
}

.show-lsm-list:before {
    left: 65px;
    border: 5px solid transparent;
    border-top: 5px solid #2e3238
}

.show-lsm-list:after {
    left: 67px;
    border: 3px solid transparent;
    border-top: 3px solid #444953
}

.lsm-star-img, .lsm-star-img img {
    border-radius: 4px
}

.show-lsm-list.active:before {
    top: -3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #2e3238
}

.show-lsm-list.active:after {
    top: 1px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid #444953
}

.lsm-list {
    border-top: 2px solid #444953;
    display: none;
    border-bottom: 2px solid #444953
}

.lsm-list .table {
    margin-bottom: 0
}

.mf-data {
    overflow: hidden;
    background-color: #34393f;
    display: none
}

.mf-data-site {
    float: left;
    width: 185px;
    color: #fff
}

.mf-data-site label {
    font-weight: 300;
    float: left;
    width: 55px;
    font-size: 12px;
    color: #afb0b2;
    margin: 0
}

.mf-data-site > .progress {
    float: left;
    width: 79px;
    height: 3px;
    margin-bottom: 0;
    margin-top: 12px;
    background-color: #17a7c1
}

.mf-data-site > .progress > .progress-bar {
    background-color: #ff4b4b
}

.lsm-list, .lsm-list-tt > span {
    background-color: #34393f
}

.mf-data-site > span {
    font-size: 14px;
    margin-left: 14px
}

.mf-data > ul {
    margin: 0 10px 0 20px
}

.mf-data > ul > li {
    line-height: 25px;
    overflow: hidden;
    margin: 10px 0
}

.mf-base-data {
    float: right;
    width: 90px;
    color: #fff
}

.mf-base-data > label {
    float: left;
    font-weight: 300;
    margin-bottom: 0;
    color: #afb0b2
}

.mf-base-data > span {
    float: right;
    font-size: 14px
}

.lsm-list-introduce {
    opacity: .5;
    filter: alpha(opacity=50);
    line-height: 1.8;
    padding: 15px 20px
}

.lsm-list-tt {
    position: relative;
    text-align: center;
    margin-bottom: 15px
}

.lsm-list-tt:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    border-top: 1px solid #444953
}

.lsm-list-tt > span {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    color: #afb0b2;
    font-size: 14px
}

.lsm-star-list {
    overflow: hidden;
    margin-right: -32px
}

.lsm-star-list li {
    float: left;
    width: 70px;
    margin: 0 31px 10px 0;
    text-align: center
}

.lsm-star-img {
    width: 70px;
    margin-bottom: 5px;
    height: 70px
}

.lsm-star-name {
    color: #f8f6f3
}

.lsm-list .league-table-list[data-list="2"] {
    color: #cb9230
}

.lsm-list .league-table-list[data-list="3"] {
    color: #957b4e
}

.lsm-list-star {
    padding: 0 20px 15px
}

.setting-season-award, .setting-season-recipient {
    padding-left: 10px
}

.btn[data-icon=password]:before, .btn[data-icon=code]:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    content: "";
    width: 10px;
    height: 14px;
    background: url(../img/league-icon.png) -269px -26px no-repeat
}

.setting-season-award, .setting-season-recipient, .setting-season-reward {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.lmt {
    height: 50px;
    border-bottom: 1px solid #3b4048
}

.lmt > h4 {
    height: 50px;
    line-height: 50px;
    width: 130px;
    text-align: center;
    border-bottom: 2px solid #14b9d6;
    color: #fff;
    font-size: 12px;
    margin: 0
}

#season-bonus .league-game-list li > div:first-child {
    cursor: default
}

.match-reviews, .match-vs-team li[data-toggle=modal], .member-sort, .modal-friends > ul > li.free {
    cursor: pointer
}

.setting-season-award input {
    text-align: center
}

.errorMessage, .inputinline, .league-bp, .league-bp:after {
    display: inline-block
}

.setting-season-money {
    float: right;
    width: 196px;
    color: #fff;
    font-size: 12px
}

.league-game-list input[type=text] {
    background-color: #444953;
    border: 0
}

.inputinline {
    width: 137px;
    margin-right: 10px
}

.season-more-to {
    margin: 0 12px
}

.setting-season-award .bootstrap-select .btn, .setting-season-award input[type=text], .setting-season-recipient .bootstrap-select .btn, .setting-season-recipient input[type=text], .setting-season-reward .bootstrap-select .btn, .setting-season-reward input[type=text] {
    font-size: 12px;
    height: 28px;
    padding: 3px 12px
}

.setting-season-award .bootstrap-select .btn, .setting-season-recipient .bootstrap-select .btn, .setting-season-reward .bootstrap-select .btn {
    width: 107px
}

.league-game-list li .btn.btn-setting-sadd {
    width: 124px;
    background-color: #2c8195;
    color: #fff
}

.league-game-list li input[type=text] {
    color: #afb0b2
}

.errorMessage {
    padding-top: 7px;
    color: #dd3c3d
}

.lni-introduce {
    padding: 15px 20px;
    background-color: #34393f;
    font-size: 12px;
    color: #afb0b2;
    line-height: 1.8
}

.league-bp-table > thead > tr > th, .season-table > thead > tr > th {
    background-color: #3b4048;
    font-weight: 300;
    border-bottom: 1px solid #2e3238;
    vertical-align: middle
}

.season-table > thead > tr > th {
    text-align: center;
    height: 50px;
    color: #7e8084
}

.season-table > tbody > tr > td {
    padding: 18px 8px
}

.season-table > tbody > tr > td:first-child {
    padding-left: 20px
}

.glyphicon-ban, .glyphicon-pick {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 4px
}

.hero-ban {
    opacity: .2;
    filter: alpha(opacity=20)
}

.league-bp {
    position: relative;
    width: 41px;
    vertical-align: middle;
    margin-right: 5px;
    padding-right: 16px
}

.league-bp:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(../img/league-icon.png);
    background-repeat: no-repeat
}

.league-bp[data-icon=ban]:after {
    background-position: -169px -4px
}

.league-bp[data-icon=pick]:after {
    background-position: -169px -22px
}

.bp-br {
    height: 5px
}

.league-bp-table > thead > tr > th {
    height: 50px
}

.league-bp-table > tbody > tr > td {
    padding: 18px 8px
}

.league-bp-table > tbody > tr > td:first-child {
    padding-left: 20px
}

.league-bp-time {
    color: #6f7174
}

.league-lni {
    padding: 15px 20px;
    font-size: 14px;
    background-color: #34393f;
    line-height: 1.8
}

.side-league-record {
    background-color: #34393f;
    padding-bottom: 30px
}

.side-league-record .table {
    margin-bottom: 0
}

.match-panel-hd {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    background-color: #393f46
}

.match-panel-hd > span {
    margin-right: 25px
}

.match-panel-hd > p > label {
    margin-bottom: 0;
    font-size: 12px;
    color: #797b7e
}

.match-panel-hd > p > span {
    color: #fff
}

.match-panel {
    background-color: #2e3238;
    min-height: 271px;
    overflow: hidden
}

.match-panel-main {
    min-height: 235px;
    position: relative;
    overflow: hidden
}

.match-vs {
    position: absolute;
    left: 20px;
    top: 67px;
    width: 700px;
    height: 55px
}

.match-vs-team {
    width: 315px;
    float: left;
    position: relative
}

.match-vs-team li {
    position: relative;
    float: left;
    width: 55px;
    height: 55px;
    margin-left: 10px;
    text-align: center
}

.match-vs-team li.team-camp + li, .match-vs-team li:first-child {
    margin-left: 0
}

.match-vs-team li .match-vs-player {
    margin-bottom: 4px
}

.match-vs-team li > p {
    line-height: 18px;
    margin-bottom: 4px
}

.match-vs-team li .hack-css {
    background: url(../img/radius-hack.png) -98px -256px no-repeat
}

.match-vs-link {
    color: #afb0b2
}

.match-vs-team li.team-camp {
    position: absolute;
    width: 100%;
    top: -30px;
    left: 0;
    font-size: 14px;
    text-align: center
}

.match-vs-player, .match-vs-player img {
    position: relative
}

.match-vs-team li.team-camp.radiant {
    color: #8ab71b
}

.match-vs-team li.team-camp.dire {
    color: #de3d3e
}

.match-vs-player {
    width: 55px;
    height: 55px;
    background-color: #23252b
}

.match-vs-team li[data-toggle=modal]:hover .match-vs-player:before {
    background-position: -357px -179px
}

.match-vs-player:before {
    position: absolute;
    left: 18px;
    top: 19px;
    display: block;
    content: "";
    width: 19px;
    height: 19px;
    background: url(../img/figure-icon.png) -336px -179px no-repeat
}

.player-place-active:before {
    background: url(../img/figure-icon.png) -357px -179px no-repeat
}

.mv-vs {
    float: left;
    width: 50px;
    text-align: center;
    height: 12px;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #8d8f91
}

.match-list-pager, .match-panel-ft, .match-panel-prompt {
    width: 100%;
    left: 0;
    text-align: center
}

.match-panel-status {
    color: #fff;
    font-size: 14px;
    margin: 10px 0 5px;
    text-align: center;
    padding: 0 20px
}

.match-panel-prompt {
    position: absolute;
    top: 145px;
    color: #717377
}

.match-panel-time {
    font-size: 14px;
    color: #14b9d6;
    text-align: center
}

.match-panel-ft {
    position: absolute;
    top: 185px
}

.match-panel-ft .btn {
    box-sizing: content-box;
    min-width: 80px;
    font-size: 12px
}

.cup-mangae-team, .match-main .league-type-tab ul li a {
    min-width: 120px
}

.match-panel-ft .btn-info {
    background-color: #21869a;
    border-color: #21869a
}

.match-panel-ft .btn-danger {
    background-color: #a94442;
    border-color: #a94442;
    color: #fff
}

.match-main {
    border-top: 1px solid #444953;
    margin-bottom: 20px
}

.match-main .tab-content {
    position: relative
}

#matchloading {
    min-height: 632px
}

.match-list-pager {
    position: absolute;
    bottom: -22px
}

.match-main .league-type-tab {
    background-color: #444953
}

.match-main .content {
    padding-bottom: 60px
}

.match-main .league-type-tab + .league-table > thead > tr > th {
    background-color: #3b4048;
    border-bottom: 1px solid #2e3238
}

.match-main .league-season .btn {
    margin-right: 20px
}

.match-main .league-manage-tab .match-exit {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer
}

.match-vs-me {
    color: #db6012
}

.match-player-status {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    background-image: url(../img/league-icon.png);
    background-repeat: no-repeat;
    background-color: transparent
}

.accept .match-player-status {
    background-position: -169px -22px
}

.refuse .match-player-status {
    background-position: -169px -40px
}

.wait .match-player-status {
    background-position: -169px -58px
}

.match-vs-team li.wait {
    color: #7a7b7e
}

.match-vs-team li .btn {
    font-size: 12px;
    padding: 0;
    width: 55px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #2e3238;
    background-color: #afb0b2;
    border-radius: 3px;
    border: 0
}

.match-vs-team li .btn.active, .match-vs-team li .btn:hover {
    color: #fff;
    background-color: #21869a
}

.match-team-leader {
    display: inline-block;
    width: 55px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    text-align: center;
    background-color: #275c69;
    color: #14b9d6
}

.match-panel-sp {
    position: absolute;
    left: 0;
    top: 192px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.league-th-lg > thead > tr > th {
    height: 51px
}

.league-table-time {
    color: #7a7b7e
}

.ltpuser {
    margin-bottom: 5px;
    text-align: left
}

.ltpuser + .ltpuser {
    margin-bottom: 0
}

.ltpuser > span {
    float: left;
    width: 41px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 5px;
    text-align: left
}

[data-icon=xs-live] {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../img/league-icon.png) -290px -103px no-repeat
}

.match-resul-hd {
    background-color: #2e3238;
    margin-bottom: 1px;
    padding: 0 23px 0 18px;
    height: 55px
}

.match-resul-hd .league-main-data {
    padding-top: 12px
}

.modal-match-result {
    width: 1040px
}

.match-resul-wincamp {
    position: relative;
    float: right;
    height: 55px;
    line-height: 60px;
    font-size: 16px
}

.match-resul-wincamp.win:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 11px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url(../img/league-icon.png) -236px -1px no-repeat
}

.modal-match-result .end-games-table > thead > tr > th {
    background-color: #525863
}

.match-reviews {
    display: inline-block;
    width: 17px;
    height: 14px;
    background: url(../img/league-icon.png) -318px -103px no-repeat
}

.match-reviews.active, .match-reviews:hover {
    background-position: -344px -103px
}

.match-reviews-box .star-icon {
    vertical-align: middle
}

.match-reviews-box {
    position: relative
}

.match-reviews-box .league-user-score {
    height: auto;
    border-bottom: 0;
    padding: 0;
    display: inline-block;
    float: left
}

.match-reviews-box .league-user-score li {
    float: left;
    margin-right: 12px;
    margin-bottom: 0
}

.match-reviews-box .league-user-score li label {
    color: #fff;
    width: auto;
    margin: 0 5px 0 0
}

.match-reviews-box .league-user-score li > label:first-child {
    margin-right: 10px
}

.match-reviews-box .league-user-score li .star-icon {
    margin-right: 5px
}

.match-reviews-box .icheckbox {
    top: 1px
}

.match-reviews-box .icheck-list {
    display: inline-block;
    margin-top: 1px;
    float: left
}

.match-reviews-box .icheck-list li {
    margin-right: 20px
}

.match-reviews-box .btn {
    width: 101px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #20869a;
    border-color: #20869a
}

.match-reviews-box .league-user-score li > span {
    float: left;
    width: 20px;
    text-align: left
}

.match-reviews-caret {
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -9px;
    content: "";
    border: 9px solid transparent;
    border-bottom: 9px solid #2e3238
}

.league-live-layout {
    padding: 20px 0 20px 20px;
    background: #2e3238;
    margin-bottom: 20px
}

.add-award-sm {
    position: relative;
    float: left;
    width: 117px
}

.add-award-more input {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center
}

.add-award-more > span {
    position: absolute;
    height: 33px;
    line-height: 33px
}

.add-award-more > span:first-child {
    left: 9px;
    top: 0
}

.add-award-more > span:first-child + span {
    right: 9px;
    top: 0
}

#add-award-more .league-date-go {
    margin: 0 15px
}

.add-award-s {
    color: #90b526;
    margin-left: 14px
}

.award-total-money {
    float: left;
    line-height: 28px;
    margin-left: 20px
}

.award-total-money span {
    font-size: 16px;
    color: #90b526;
    font-weight: 700
}

.award-total-money span:first-child {
    margin: 0 11px 0 15px
}

.modal-friends.my-friends-list {
    height: auto
}

.modal-friends {
    width: 641px
}

.modal-friends > ul > li {
    float: left;
    width: 50%;
    border-right: 1px solid #444953
}

.modal-friends > ul > li .side-user-main {
    border-top: 0;
    border-bottom: 0
}

.modal-friends-group {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    color: #afb0b2;
    margin: 20px 0 0;
    background-color: #525863
}

.modal-friends-request {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 32px 0 0 85px;
    font-size: 16px;
    color: #fff
}

.modal-friends > ul > li .modal-friends-request {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90727479, endColorstr=#90727479);
    background: rgba(114, 116, 121, .9)
}

.modal-friends > ul > li .modal-friends-request:before {
    position: absolute;
    left: 21px;
    top: 19px;
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background: url(../img/league-icon.png) -401px -61px no-repeat
}

.modal-friends > ul > li.free.request-team .modal-friends-request {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9014b9d6, endColorstr=#9014b9d6);
    background: rgba(20, 185, 214, .9)
}

.modal-friends > ul > li.free.request-league .modal-friends-request {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90699417, endColorstr=#90699417);
    background: rgba(105, 148, 23, .9)
}

.modal-friends > ul > li.free .modal-friends-request:before {
    background-position: -401px -2px
}

.modal-friends > ul > li:hover .modal-friends-request {
    display: block
}

#modal-friends-offline li .side-user-main:after {
    display: none
}

.modal-friends-scrollbar {
    width: 681px;
    height: 450px;
    overflow: hidden;
    margin-right: -40px;
    padding-right: 40px
}

.modal-friends-scrollbar .my-friends-list {
    background-color: transparent
}

.modal-friends-scrollbar .jspVerticalBar {
    width: 20px;
    background-color: transparent
}

.modal-friends-scrollbar .jspVerticalBar .jspTrack {
    background-color: #2e3238
}

.modal-friends-scrollbar .jspVerticalBar .jspDrag {
    width: 5px;
    margin: 0 auto;
    background-color: #444953
}

#modal-friends .modal-body {
    border-right: 20px solid #2e3238
}

.league-detail-name {
    margin-bottom: 24px
}

.league-main-ft .match-resul-wincamp {
    margin-top: -20px;
    margin-right: 23px
}

.league-detail-content {
    margin-left: 187px;
    height: 90px
}

.league-detail-banpick {
    background-color: #444953;
    height: 153px;
    padding: 23px 0 0 28px;
    margin-bottom: 20px
}

.league-detail-banpick .match-banpick li {
    height: 106px
}

.detail-game-table {
    padding-bottom: 20px
}

.skill-attribute {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    background-color: #23252b
}

.skill-attribute:after, .skill-attribute:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    background-color: #3b4048
}

.skill-attribute:after {
    width: 9px;
    height: 3px;
    margin-left: -4.5px;
    margin-top: -1.5px
}

.skill-attribute:before {
    height: 9px;
    width: 3px;
    margin-top: -4.5px;
    margin-left: -1.5px
}

.end-games-table.end-games-skill > thead > tr > th {
    padding-left: 3px;
    padding-right: 3px
}

.end-games-table.end-games-skill > tbody > tr > td {
    padding-left: 0;
    padding-right: 5px
}

.end-games-table.end-games-skill > tbody > tr > td:first-child {
    padding-left: 10px
}

#ban-time .form-control {
    background-color: #23252b
}

#ban-time .input-group-addon {
    background-color: #23252b;
    border-color: #23252b
}

.member-sort {
    position: relative;
    padding: 0 15px;
    display: inline-block
}

.member-sort .glyphicon {
    position: absolute;
    top: 3px;
    right: 0
}

.member-sort.active .glyphicon:before {
    content: "\e093"
}

.play {
    color: #82ab25
}

#modal-video .form-horizontal {
    padding: 0 30px
}

.league-create-tt {
    font-size: 20px;
    text-align: center;
    line-height: 90px;
    height: 91px;
    border-bottom: 1px solid #393f46;
    color: #afb0b2;
    margin: 0;
    padding: 0
}

.league-create-agreement .league-create-tt {
    margin: -20px -20px 20px;
    font-weight: 300
}

.season-text-contnet {
    padding: 15px 20px;
    background-color: #34393f;
    color: #7b7d81;
    font-size: 14px;
    margin-bottom: 20px;
    min-height: 300px
}

.match-main .league-table > thead > tr > th {
    background-color: #3b4048;
    border-bottom: 1px solid #2e3238
}

.match-main {
    min-height: 683px;
    background-color: #2e3238
}

.upload-team-logo .ajax-uploader {
    margin-right: 17px
}

#live-list {
    padding: 0 0 20px
}

.lsm-main .btn-end {
    background-color: #393f46;
    color: #a9aaac;
    border-color: #393f46
}

.detail-link, .live-empty-text a {
    color: #fff
}

.league-manage .ajax-uploader {
    float: left;
    position: relative;
    margin-right: 17px
}

.hd-refresh, .match-exit {
    position: absolute;
    cursor: pointer
}

.modal-match-result .end-games-table > tbody > tr > td {
    border: 0
}

.lsm-score-box {
    display: inline-block;
    float: left
}

.lsm-score-box .star-icon {
    float: left;
    margin-top: 4px
}

.match-exit {
    display: block;
    right: 20px;
    top: 18px
}

.lsm-gold .faq-mark {
    vertical-align: middle;
    margin-top: -4px
}

.league-season-main-list {
    background-color: #2e3238
}

.league-manage .lt-player {
    width: 170px
}

.league-form-explain[readonly] {
    background-color: #444953
}

.live-empty {
    height: 413px;
    background: url(../img/live-empty.jpg) no-repeat
}

.live-empty-text {
    float: left;
    width: 382px;
    text-align: right;
    padding-top: 100px;
    color: #fff;
    font-size: 18px
}

.live-empty-text h1 {
    font-size: 30px
}

.hd-refresh {
    right: 52px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 14px;
    height: 16px;
    background: url(../img/league-icon.png) -241px -59px no-repeat
}

.modal-center-icon.modal-friends-icon {
    width: 60px;
    height: 60px;
    background: url(../img/league-icon.png) -108px -152px no-repeat
}

.modal-friends-search-box {
    margin: 0 110px;
    text-align: center
}

.modal-add-friends-list {
    margin-top: 10px
}

#modal-add-friends-prompt {
    margin-bottom: 5px
}

.modal-add-friends-list li {
    height: 33px;
    border-radius: 4px;
    background-color: #2d3037;
    padding: 7px 8px;
    text-align: left;
    position: relative
}

.modal-add-friends-list li.even {
    background-color: #33373f
}

.modal-add-friends-list li .radius-hack {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 6px;
    overflow: hidden
}

.modal-add-friends-list li .radius-hack img {
    display: block
}

.modal-add-friends-list li .radius-hack .hack-css {
    background-position: -200px -42px
}

.modal-add-friends-list li.even .radius-hack .hack-css {
    background-position: -221px -42px
}

.add-block {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(../img/league-icon.png) -241px -80px no-repeat
}

.modal-add-friends-list li .add-block-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 33px;
    padding: 8px;
    cursor: pointer
}

.modal-add-friends-list li.active .add-block {
    background-position: -241px -100px
}

.modal-add-friends-form {
    margin-top: 10px;
    position: relative
}

.modal-search-friends-del {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    padding: 8px;
    background-color: transparent;
    border: 0
}

.modal-search-friends-del:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../img/league-icon.png) -151px -22px no-repeat
}

.league-bp-table .info-link {
    color: #afb0b2
}

.modal-add-friends-form .btn.btn-normal {
    position: absolute;
    right: -60px;
    top: 0;
    color: #afb0b2
}

.ltpuser-camp {
    line-height: 22px
}

.season-module-items {
    min-height: 500px;
    position: relative
}

.ajaxloading-settext {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
    background: rgba(0, 0, 0, .6)
}

.league-personal-panel, .ls-main-list {
    background-color: #2e3238;
    position: relative
}

.ajaxloading-settext > div {
    display: table;
    width: 100%;
    height: 100%
}

.ajaxloading-settext > div > div {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.hero-img-empty, .league-td-user-list li .league-td-user {
    display: inline-block
}

.ls-main-list {
    min-height: 720px
}

.league-personal-panel {
    min-height: 489px
}

.league-list-content {
    min-height: 500px;
    position: relative
}

.hero-img-empty {
    width: 44px;
    height: 25px;
    vertical-align: top;
    background: url(../img/figure-icon.png)
}

#messager-open, .show-points {
    cursor: pointer
}

.season-game-hero-box {
    width: 255px
}

.btn.btn-right-ft {
    width: 104px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 2px;
    background-color: #23252b;
    color: #afb0b2;
    font-size: 12px
}

.btn-export {
    margin: 13px 10px 0 0
}

.export-panel {
    padding: 10px;
    background-color: #393f46
}

.export-panel .bootstrap-select .btn-default {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #23252b;
    color: #afb0b2;
    border-color: #23252b;
    padding-right: 30px
}

.export-panel .bootstrap-select .caret {
    background-color: transparent
}

.export-panel .icheck-list {
    margin-top: 3px;
    float: left;
    margin-left: 13px
}

#rank-manage .icheckbox, .export-panel .icheckbox, .export-panel .iradio {
    background: url(../img/league-icon.png) -151px -58px no-repeat;
    top: 2px
}

#rank-manage .icheckbox.checked, .export-panel .icheckbox.checked, .export-panel .iradio.checked {
    background: url(../img/league-icon.png) -169px -22px no-repeat
}

#rank-manage .icheckbox {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block
}

.export-panel .btn-league-form {
    font-size: 12px;
    background-color: #2c8195;
    color: #fff;
    border-color: #2c8195;
    padding-top: 4px;
    padding-bottom: 4px
}

.upload-team-logo input {
    font-size: 40px
}

.match-arena-mode {
    background: url(../img/match-arena-bg.png) center no-repeat;
    min-height: 235px
}

.match-arena-type {
    width: 155px;
    text-align: center;
    margin-top: 48px;
    font-size: 20px;
    cursor: pointer
}

.match-arena-type[data-type=team] {
    color: #16b2ce;
    float: left;
    margin-left: 60px
}

.match-arena-type[data-type=team] > div {
    background-color: #16b2ce
}

.match-arena-type[data-type=create] {
    color: #dd3c3d;
    float: right;
    margin-right: 60px
}

.match-arena-type[data-type=create] > div {
    background-color: #dd3c3d
}

.match-arena-type > div {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    margin: 0 auto 10px
}

.match-arena-type > div .icon {
    font-size: 75px;
    color: #fff
}

.match-arena-team .match-panel-status {
    margin-top: 15px
}

.match-arena-create .match-vs-teaming, .match-arena-team .match-vs-teaming {
    width: 436px;
    margin: 10px auto 0;
    float: none
}

.match-arena-team .match-panel-prompt {
    top: 195px
}

.match-arena-create .match-vs-teaming li, .match-arena-team .match-vs-teaming li {
    margin-left: 40px
}

.match-arena-create .match-vs-teaming li:first-child, .match-arena-team .match-vs-teaming li:first-child {
    margin-left: 0
}

.match-arena-create-form {
    position: absolute;
    left: 0;
    top: 190px;
    width: 100%;
    text-align: center
}

.match-arena-create-form label {
    font-weight: 300
}

.match-arena-create-form input {
    padding: 5px 12px;
    font-size: 14px;
    color: #afb0b2;
    line-height: 1.42857143;
    width: 188px;
    background-color: #444953;
    border-radius: 2px;
    border: 0
}

.match-arena-create-form .btn-info {
    padding-top: 5px;
    background-color: #21869a;
    font-size: 12px;
    border-color: #21869a;
    width: 101px;
    margin-left: 20px;
    vertical-align: top
}

.match-arean-accept .match-panel-status {
    margin-top: 15px
}

.match-arean-accept .match-vs {
    top: 77px
}

.match-panel-status .icon {
    color: #8d8f91
}

.league-td-user-list li:first-child {
    margin-left: 0
}

.league-td-user-list li {
    float: left;
    margin-left: 10px;
    width: 55px;
    text-align: center
}

.league-td-user {
    width: 45px;
    height: 45px
}

.league-td-user:first-child {
    margin-left: 0
}

.league-table > tbody > tr > td .league-td-user .hack-css {
    background-position: -2px -364px
}

.league-table > tbody > tr.even > td .league-td-user .hack-css {
    background-position: -48px -364px
}

.league-table > tbody > tr:not(.emptys):hover > td .league-td-user .hack-css {
    background-position: -94px -364px
}

.even .hack-css {
    background-position: -48px -364px
}

.league-td-user.leader:after, .side-user-img.leader:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    display: block;
    content: "";
    background: url(../img/league-icon.png) -286px -26px no-repeat
}

.league-edit-text {
    height: 233px;
    background-color: #444953;
    line-height: 1.42857143;
    border-radius: 4px;
    color: #afb0b2;
    font-size: 14px;
    overflow: hidden
}

.league-edit-text .jspDrag {
    border-radius: 0 4px 4px 0
}

.league-edit-text .jspTrack {
    background-color: #34393f
}

.league-edit-text-content {
    padding: 6px 12px
}

.input-give-user, .league-code-hd .btn.btn-primary, .league-inputhd {
    padding-top: 4px;
    padding-bottom: 4px
}

.league-code-hd {
    background-color: #3b4048
}

.league-inputhd {
    background-color: #23252b;
    border-color: #23252b;
    color: #afb0b2;
    height: 30px;
    width: 123px
}

.league-code-hd .btn.btn-primary {
    background-color: #2c8195;
    border-color: #2c8195;
    display: block
}

.league-code-hd .btn.btn-primary:active, .league-code-hd .btn.btn-primary:focus {
    color: #fff
}

.league-code-hd li {
    vertical-align: middle
}

.modal-sendinfo-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../img/figure-icon.png) -144px -451px no-repeat
}

.input-give-user {
    height: 28px;
    width: 150px;
    display: inline-block;
    background-color: #23252b;
    border-color: #23252b;
    color: #afb0b2
}

.league-game-list li {
    position: relative
}

.league-history-detail {
    position: relative;
    border-top: 1px solid #2e3238;
    display: none
}

.league-history-detail:after, .league-history-detail:before {
    left: 50%;
    display: block;
    position: absolute;
    content: ""
}

.league-history-detail:before {
    top: -17px;
    border: 9px solid transparent;
    border-bottom: 8px solid #2e3238;
    margin-left: -9px
}

.league-history-detail:after {
    top: -14px;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 6px solid #3b4048
}

.league-history-detail-table > thead > tr > th {
    font-weight: 300;
    color: #8d8f91;
    background-color: #3b4048;
    vertical-align: middle;
    border-bottom: 0;
    text-align: center;
    height: 45px
}

.league-history-detail-table > tbody > tr > td {
    border-top: 0;
    vertical-align: middle
}

.league-history-detail-table .radius-hack .hack-css {
    background-position: -349px -142px
}

.league-history-detail-table .lt-player-img {
    width: 34px;
    height: 34px
}

.league-history-detail-table .lt-player-name {
    padding-top: 8px;
    margin-left: 43px
}

.league-history-detail-table .league-history-detail-table {
    margin-bottom: 0;
    background-color: transparent
}

.league-history-detail-table > tbody > tr > td.league-game-detail-template-sign {
    padding: 0;
    border-bottom: 1px solid #444953
}

.table .ban-detail-table {
    margin-bottom: 0;
    background-color: #2e3238
}

.ban-detail-show {
    cursor: pointer
}

#league-form-step2 .league-game-list li > div:first-child, #season-winning .league-game-list li > div:first-child {
    cursor: default
}

.league-table > tbody > tr > td.ban-detail-box {
    padding: 0;
    border-top: 0;
    border-bottom: 0
}

.table.ban-detail-table > tbody > tr > td {
    vertical-align: middle;
    text-align: left;
    border-bottom: 0;
    border-top: 1px solid #444953
}

.table.ban-detail-table > tbody > tr:first-child > td {
    border-top: 0
}

.table.league-history-detail-table {
    margin-bottom: 0
}

.modal-success-prompt {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url(../img/figure-icon.png) -191px -451px no-repeat
}

.export-panel .input-sm, .league-game-list input.input-league-matchid {
    background-color: #23252b;
    padding-top: 4px;
    height: 28px;
    border-color: #23252b
}

.league-matchid-edit {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -15px;
    white-space: nowrap
}

.league-matchid-edit .iconfont {
    font-size: 12px;
    -webkit-transition: font-size .15s ease-out 0s;
    -moz-transition: font-size .15s ease-out 0s;
    width: 14px;
    text-align: center;
    display: inline-block;
    transition: font-size .15s ease-out 0s;
    vertical-align: middle
}

.league-matchid-edit .icon-6 {
    margin-top: -4px
}

.league-matchid-edit .iconfont:hover {
    font-size: 14px
}

.league-game-list input.input-league-matchid {
    padding-bottom: 4px;
    display: inline-block;
    color: #afb0b2
}

.export-panel .input-awards-setting {
    width: 123px;
    font-size: 14px;
    color: #f57f0c;
    vertical-align: middle
}

.export-panel .btn-awards-setting {
    width: 83px;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px
}

.modal-card-icon, .modal-gift-icon, .modal-trophy-icon {
    width: 33px;
    height: 33px;
    display: inline-block
}

.export-panel .btn-awards-setting.btn-success {
    background-color: #69812d;
    border-color: #69812d
}

.export-panel .btn-awards-setting.btn-primary {
    background-color: #2c8195;
    border-color: #2c8195
}

.modal-trophy-icon {
    background: url(../img/league-icon.png) -3px -27px no-repeat
}

.modal-gift-icon {
    background: url(../img/league-icon.png) -39px -27px no-repeat
}

.modal-card-icon {
    background: url(../img/league-icon.png) -75px -27px no-repeat
}

.modal-grant-list {
    width: 532px;
    height: 168px;
    margin: 0 auto
}

.modal-grant-list > li {
    float: left;
    width: 265px;
    height: 55px;
    background-color: #23252b;
    padding: 11px;
    margin: 0 1px 1px 0
}

.modal-grant-list > li .media-left, .modal-grant-list > li.media > .pull-left {
    padding-right: 6px
}

.modal-grant-list img.media-object {
    max-width: none
}

.modal-grant-list > li .media-heading {
    font-size: 12px
}

.modal-grant-list > li:hover {
    background-color: #2e3238
}

.modal-grant-box {
    margin: 0 -9px;
    height: 168px
}

.league-create-award-hd {
    padding: 10px;
    background-color: #444953;
    border-bottom: 1px solid #2e3238
}

.league-create-award-hd input {
    background-color: #23252b;
    color: #e54c13;
    border-color: #23252b
}

.setting-season-reward-in {
    width: 50px
}

.modal-grant-box .jspTrack, .modal-grant-box .jspVerticalBar {
    background-color: transparent;
    width: 6px
}

.modal-grant-box .jspDrag {
    background-color: #23252b;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 6px
}

.socket-item-drop fieldset {
    border-top: 1px solid rgba(255, 126, 0, .4);
    margin: 0 55px
}

.socket-item-drop fieldset legend {
    font-size: 14px;
    color: #ff7e00;
    display: inline-block;
    border-bottom: 0;
    width: auto;
    padding: 0 8px;
    margin-bottom: 10px
}

.socket-item-drop .steam-item {
    float: none;
    display: inline-block
}

.socket-item-username {
    max-width: 120px;
    vertical-align: middle
}

.chat-info li > p .chat-user, .league-live-box .league-live-chat .live-chat-info .chat-user {
    max-width: 80px;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-berak: normal
}

.info-num {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    height: 13px;
    font-size: 12px;
    margin-right: -60px;
    padding: 0 4px;
    line-height: 13px;
    background-color: #23252b;
    border-radius: 2px;
    margin-left: 6px
}

.info-num:after {
    position: absolute;
    left: -6px;
    top: 3px;
    content: "";
    border: 3px solid transparent;
    border-right: 3px solid #23252b
}

.league-tabs > li {
    display: inline
}

.league-tabs > li > a {
    float: left
}

.league-arena .league-tabs {
    background-color: #444953
}

.league-arena .league-tabs > li > a {
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    color: #a9aaac;
    margin-left: 45px;
    position: relative
}

.league-arena .league-tabs > li:first-child > a {
    margin-left: 0
}

.league-arena .league-tabs > li.active a {
    color: #fff;
    border-bottom: 3px solid #14b9d6
}

.league-arena .league-tabs > li > a:hover {
    color: #fff;
    text-decoration: none
}

.league-arena-hd {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    background-color: #34393f
}

.league-arena-hd a:active, .league-arena-hd a:hover {
    color: #16b2ce;
    text-decoration: none
}

.league-arena-box {
    width: 270px
}

.league-arena-clash {
    position: relative;
    height: 83px;
    background-color: #23252b;
    padding-top: 10px
}

.league-arena-avoid {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.2
}

.league-arena-avoid:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    border: 14px solid transparent;
    border-left: 14px solid #d9383e;
    border-top: 14px solid #d9383e
}

.league-arena-tag:after, .league-arena-tag:before {
    bottom: -7px;
    border: 4px solid transparent;
    content: ""
}

.league-arena-avoid > span {
    position: relative;
    color: #fff;
    padding-left: 2px
}

.league-arena-tag, .league-arena-tag:after, .league-arena-tag:before {
    position: absolute;
    display: inline-block
}

.league-arena-tag {
    top: 24px;
    width: 15px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 2px 0
}

.league-arena-tag:before {
    left: 0
}

.league-arena-tag:after {
    right: 0
}

.league-arena-tag.defend {
    left: 11px;
    background-color: #576a82;
    color: #000
}

.league-arena-tag.defend:before {
    border-left: 4px solid #576a82;
    border-top: 4px solid #576a82
}

.league-arena-tag.defend:after {
    border-right: 4px solid #576a82;
    border-top: 4px solid #576a82
}

.league-arena-tag.challenge {
    right: 11px;
    background-color: #d74848;
    color: #23252b
}

.league-arena-tag.challenge:before {
    border-left: 4px solid #d74848;
    border-top: 4px solid #d74848
}

.league-arena-tag.challenge:after {
    border-right: 4px solid #d74848;
    border-top: 4px solid #d74848
}

.league-arena-leader {
    width: 72px;
    text-align: center
}

.league-arena-leader.pull-left {
    margin-left: 18px
}

.league-arena-leader.pull-right {
    margin-right: 18px
}

.league-arena-img {
    width: 47px;
    height: 47px;
    margin: 0 auto;
    border-width: 2px;
    border-color: transparent
}

.league-arena-vs {
    text-align: center
}

.league-arena-detail {
    padding: 11px 5px 0;
    height: 160px;
    position: relative;
    display: none;
    overflow: hidden
}

.leauge-arena-detail-team {
    width: 106px;
    position: relative
}

.leauge-arena-detail-team .btn-link {
    color: #999
}

.leauge-arena-detail-team .btn-link:hover {
    color: #16b2ce
}

.leauge-arena-detail-item {
    float: left;
    width: 45px;
    margin: 0 4px 10px;
    text-align: center
}

.leauge-arena-detail-img {
    width: 44px;
    height: 44px;
    margin: 0 auto
}

.league-arena-detail.success:before {
    position: absolute;
    left: 50%;
    top: 52px;
    display: block;
    width: 35px;
    height: 32px;
    margin-left: -18px;
    content: "";
    background: url(../img/league-icon.png) -410px -175px no-repeat
}

.leauge-arena-detail-tag {
    position: absolute;
    left: 0;
    top: 150px;
    width: 100%;
    display: block;
    text-align: center
}

.w450 {
    width: 450px
}

.radio-ui .iradio {
    background: #23252b;
    border-radius: 100%;
    top: 8px
}

.radio-ui .iradio.checked:before {
    display: block;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    background-color: #afb0b2;
    border-radius: 100%
}

.chat-system-box {
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: -20px;
    position: relative
}

.chat-system-box .jspVerticalBar {
    right: 20px
}

.chat-system-box:after {
    position: absolute;
    display: block;
    content: "";
    width: 410px;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #444953
}

.dl-horizontal-content .btn-link, .radio-group .iradio, .team-num {
    display: inline-block
}

.create-arena-gold-unit {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 34px;
    right: 8px;
    color: #ee4e10;
    font-size: 14px
}

.dl-horizontal-chat {
    float: left;
    width: 410px
}

.dl-horizontal {
    padding-bottom: 10px
}

.dl-horizontal-chat dt {
    width: auto;
    font-size: 12px;
    color: #db6012;
    font-weight: 300;
    margin-bottom: 5px
}

.dl-horizontal-content {
    margin-left: 41px;
    color: #a9aaac;
    font-size: 12px;
    margin-bottom: 5px
}

.league-arena-head {
    cursor: pointer
}

.dl-horizontal-chat .dl-horizontal {
    margin-bottom: 0;
    margin-right: 10px
}

.league-arena-apply-list > li {
    height: 56.5px;
    padding: 8px 10px;
    background-color: #34393f
}

.league-arena-apply-list > li.even {
    background-color: #393f46
}

.league-arena-apply-img {
    width: 40px;
    height: 40px;
    border: 1px solid #474b50;
    margin-right: 12px;
    border-radius: 100%
}

.league-arena-apply-content {
    padding-top: 3px
}

.league-arena-apply-list .btn-sm {
    height: 23px;
    width: 51px
}

.league-arena-apply-list .btn-info {
    background-color: #21869a;
    color: #fff;
    border: 1px solid #21869a;
    padding: 0;
    line-height: 23px
}

.league-arena-apply-ft {
    margin-top: 8px
}

.arena-list > li {
    background-color: #23252b
}

.arena-list > li .league-lastgame-hd {
    padding: 0 10px;
    background-color: #2e3238;
    position: relative
}

.arena-list > li .league-lastgame-vs:after {
    width: 84px;
    height: 11px;
    background-position: -317px -186px
}

.league-arena-apply-list, .league-arena-list {
    width: 270px;
    margin-right: 20px
}

.league-arena-apply-list-scroll, .league-arena-list-scroll {
    width: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 563px;
    position: relative
}

.league-arena-apply-caroufredsel, .league-arena-caroufredsel {
    background-color: #2a2d33;
    overflow: hidden;
    height: 563px
}

.match-panel-status {
    position: relative
}

.match-panel-status > .text-bonus > font.pull-left {
    position: absolute;
    left: 20px;
    top: 0
}

.match-panel-status > .text-bonus > font.f12 {
    font-size: 12px
}

.match-chat-box {
    height: 508px
}

.league-lastgame-status {
    position: absolute;
    text-align: center;
    left: 200px;
    top: 0;
    right: 200px
}

.league-arena-loaders {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px
}

.cup-mangae-teamlogo {
    border: 1px solid #474b50
}

.cup-manage-vs {
    width: 54px
}

.cup-game-teamvs {
    line-height: 1.5
}

.cup-game-teamvs > .media-left {
    padding-right: 0
}

.w137 {
    width: 137px
}

.w152 {
    width: 152px
}

.bootstrap-select .btn.normal-select {
    padding-right: 43px;
    border: 0
}

.radio-group .iradio {
    position: relative;
    margin-right: 5px
}

.radio-group label {
    font-weight: 300;
    margin-right: 15px;
    cursor: pointer
}

.cupGameManager-formElement {
    background: #444953;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #444953
}

.qualifiers-form, .teamSetting-form {
    padding: 8px 10px;
    background-color: #34393f;
    line-height: 20px
}

.qualifiers-form label, .teamSetting-form label {
    padding-top: 5px
}

.gameClassify {
    padding: 8px 10px;
    background-color: #3b4048
}

.qualifiers-btn-fix, .teamSetting-btn-fix {
    background-color: #2c8195;
    width: 70px;
    padding: 4px 12px
}

.qualifiers-btn-delete, .teamSetting-btn-delete {
    background-color: #983537;
    width: 70px;
    padding: 4px 12px
}

.fixtures-timeEnd, .fixtures-timeStart, .game-tag {
    padding: 4px 18px
}

.fixtures-timeEnd {
    margin-left: 8px
}

.competition-choose, .whetherClassify-choose {
    padding: 5px 23px
}

.teamNumber-choose, .teamType-choose {
    padding: 5px 10px;
    width: 100px
}

.team-tag {
    width: 120px;
    padding: 5px 10px;
    text-align: left
}

.btn-addNewTeam, .team-num {
    padding: 5px 20px;
    width: 108px
}

.team-num {
    background: #444953;
    color: #afb0b2
}

.team-num.active, .team-num:hover {
    background: #2c8195;
    color: #fff;
    text-decoration: none
}

.btn-addNewTeam {
    background: #23252b
}

.btn-addNewTeam:hover {
    color: #afb0b2
}

.league-live-list {
    padding: 20px 0 20px 20px;
    background: #2e3238;
    overflow: hidden;
    margin-bottom: 20px
}

.league-live-list li {
    float: left;
    width: 245px;
    margin: 0 20px 20px 0;
    height: 180px
}

.league-live-list .league-live-img {
    position: relative;
    width: 245px;
    height: 140px;
    margin-bottom: 5px
}

.league-live-list .league-live-img img {
    display: block;
    border-radius: 6px
}

.league-live-list .league-live-img .live-opacity {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 6px
}

.league-live-list .league-live-img .live-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    background: url(../img/league-icon.png) -1px -253px no-repeat;
    opacity: 0;
    filter: alpha(opacity=0)
}

.league-live-list .league-live-img:hover .live-opacity {
    opacity: .5;
    filter: alpha(opacity=50)
}

.league-live-list .league-live-img:hover .live-play {
    opacity: 1;
    filter: alpha(opacity=100)
}

.league-live-list .league-live-name {
    height: 38px;
    overflow: hidden;
    margin: 0 10px
}

.league-live-list .league-live-name a {
    font-size: 12px;
    color: #afb0b2
}

.league-live-box {
    height: 530px;
    margin-bottom: 20px
}

.league-live-box .league-live {
    float: left;
    width: 740px;
    height: 530px
}

.league-live-box .league-live .live {
    height: 460px;
    border-bottom: 2px solid #030102;
    background-color: #030102
}

.league-live-box .league-live .league-live-hd {
    height: 70px;
    padding: 10px 18px;
    font-size: 12px;
    color: #afb0b2;
    background-color: #444953;
    line-height: 2
}

.league-live-box .league-live-chat {
    float: right;
    width: 340px
}

.league-live-box .league-live-chat .live-chat-hd {
    position: relative;
    height: 35px;
    padding-top: 12px
}

.league-live-box .league-live-chat .live-chat-hd:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #23252b;
    opacity: .9;
    filter: alpha(opacity=90)
}

.league-live-box .league-live-chat .live-chat-hd .league-manage-tt {
    font-size: 12px;
    position: relative;
    margin-left: 20px
}

.league-live-box .league-live-chat .live-chat-hd .league-manage-tt:after {
    top: -1px
}

.league-live-box .league-live-chat .live-chat-info {
    position: relative;
    height: 381px;
    padding: 10px 10px 0 20px
}

.league-live-box .league-live-chat .live-chat-info .chat-info {
    height: 371px;
    overflow: hidden
}

.league-live-box .league-live-chat .live-chat-info .jspTrack, .league-live-box .league-live-chat .live-chat-info .jspVerticalBar {
    background-color: transparent
}

.league-live-box .league-live-chat .live-chat-info .chat-user {
    overflow: hidden
}

.league-live-box .league-live-chat .chat-user {
    color: #16b2ce
}

.league-live-box .league-live-chat .live-chat-info:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #2e3238;
    opacity: .7;
    filter: alpha(opacify=70)
}

.chat-expre, .chat-info li .btn-link {
    display: inline-block
}

.chat-expre {
    width: 25px;
    height: 25px;
    background: url(../img/league-icon.png) -191px -1px no-repeat;
    cursor: pointer
}

.chat-comment {
    height: 114px;
    background-color: #33373e;
    padding: 10px 20px
}

.chat-comment button[type=submit] {
    height: 25px;
    background-color: transparent;
    border-radius: 25px;
    border-color: #898e92;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px
}

.chat-comment button[type=submit]:active, .chat-comment button[type=submit]:focus, .chat-comment button[type=submit]:hover {
    color: #16b2ce;
    border-color: #16b2ce
}

.chat-comment .form-control {
    background-color: #23252b;
    color: #afb0b2;
    border: 0;
    resize: none;
    font-size: 12px;
    height: 60px;
    margin-bottom: 10px
}

.chat-comment :-moz-placeholder {
    color: #444953
}

.chat-comment ::-moz-placeholder {
    color: #444953
}

.chat-comment input:-ms-input-placeholder, .chat-comment textarea:-ms-input-placeholder {
    color: #444953
}

.chat-comment input::-webkit-input-placeholder, .chat-comment textarea::-webkit-input-placeholder {
    color: #444953
}

.chat-info {
    position: relative;
    padding-right: 10px
}

.chat-info li {
    margin-bottom: 10px
}

.chat-info li > span {
    float: left;
    font-size: 12px;
    color: #737679
}

.chat-info li > .chat-system {
    color: #f57f0c
}

.chat-info li > p {
    margin-left: 36px;
    font-size: 12px;
    color: #737679
}

.chat-info li > p .chat-user {
    vertical-align: top;
    overflow: hidden
}

.chat-info li > p .chat-content {
    color: #afb0b2;
    vertical-align: top
}

.chat-info li > p [class*=level-] {
    float: left;
    margin: 4px 5px 0 0
}

.chat-info li > p .chat-user-special {
    color: #14b9d6
}

.chat-info li a, .chat-system {
    color: #727477
}

.chat-info li > label {
    font-size: 12px;
    margin-right: 8px;
    font-weight: 300;
    margin-bottom: 0
}

.match-chat {
    background-color: #2e3238
}

.match-chat-box {
    padding: 20px
}

.match-league-notice {
    padding: 10px 20px;
    background-color: #393f46;
    border-radius: 6px;
    margin-bottom: 15px
}

.match-league-notice li label {
    font-size: 12px;
    font-weight: 300;
    color: #6e7175;
    margin-right: 15px;
    margin-bottom: 0
}

.match-chat .chat-info {
    padding: 0 20px;
    height: 428px
}

.match-chat .chat-comment button[type=submit] {
    width: 81px
}

.match-chat .chat-expre {
    margin-right: 10px
}

.match-chat-box .jspTrack, .match-chat-box .jspVerticalBar {
    background-color: transparent
}

.match-chat-box .jspDrag {
    background-color: #393f46
}

.league-create-box {
    margin-bottom: 20px
}

.league-create {
    width: 1080px;
    background-color: #2e3238;
    padding-bottom: 100px
}

.league-create-ft {
    position: relative;
    height: 90px;
    background-color: #393f46;
    padding: 0 25px;
    text-align: center
}

.league-create-ft .icheck-list {
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 14px;
    padding-top: 35px
}

.league-create-ft .checked + label {
    color: #16b2ce
}

.league-create-ft .btn {
    width: 120px;
    border-color: #898e92;
    background-color: #2e3238;
    font-size: 14px;
    color: #8a8f93;
    border-radius: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 35px
}

.league-create-ft .btn + .btn {
    margin-left: 20px
}

.league-create-ft .btn:hover {
    color: #16b2ce;
    border-color: #16b2ce;
    background-color: #2e3238
}

.league-create-agreement {
    padding: 20px;
    font-size: 14px;
    color: #8d8f91;
    line-height: 1.8
}

.league-create-agreement h1, .league-create-agreement h2, .league-create-agreement h3, .league-create-agreement h4, .league-create-agreement h5, .league-create-agreement h6 {
    font-weight: 700
}

.league-create-agreement .agreement-tt {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    margin: 20px 0 30px
}

.league-create-agreement .indent2em {
    text-indent: 2em
}

.league-create-agreement .h4t {
    margin: 20px 0
}

.league-create .league-form-content {
    margin-left: 35px
}

.league-create-wait {
    padding: 125px 20px 100px;
    font-size: 14px;
    color: #afb0b2
}

.league-create-wait a {
    color: #16b2ce
}

.league-create-wait:before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    margin: 0 auto 15px;
    background: url(../img/league-icon.png) -63px -251px no-repeat
}

.league-create textarea.league-form-explain {
    height: 353px
}

.league-create-jspane {
    height: 780px;
    overflow: hidden
}

.league-create-jspane .jspTrack {
    background: 0 0
}

.league-create-jspane .jspVerticalBar {
    background: #2e3238
}

.step-box {
    margin-bottom: 40px;
    display: table;
    width: 100%
}

.step-box li {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    color: #afb0b2;
    position: relative
}

.step-box li > p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    text-align: center
}

.step-box li .step-item {
    position: relative;
    padding: 5px;
    display: block;
    width: 55px;
    height: 55px;
    margin: 0 auto 4px;
    border-radius: 55px;
    overflow: hidden
}

.step-box li .step-item > span {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    font-family: Arial;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #a1a5a9
}

.step-box li .step-item:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #a1a5a9;
    opacity: .5;
    filter: alpha(opacity=50)
}

.step-box li b {
    position: absolute;
    left: 0;
    top: 26px;
    display: block;
    content: "";
    width: 50%;
    padding-right: 40px
}

.step-box li b + b {
    left: auto;
    right: 0;
    padding-right: 0;
    padding-left: 40px
}

.step-box li b:after {
    height: 4px;
    content: "";
    display: block;
    overflow: hidden;
    background-color: #a1a5a9
}

.step-box li.active .step-item:before, .step-box li.active .step-item > span, .step-box li.active b:after {
    background-color: #16b2ce
}

.step-box li.active {
    color: #16b2ce
}

.subtitles {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: content;
    font-size: 12px
}

.subtitles > span {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-berak: normal;
    word-wrap: normal;
    margin: 0 10px;
    color: #fff;
    text-align: center
}

.subtitles:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

body [class*=" datetimepicker-dropdown"]:after, body [class*=" datetimepicker-dropdown"]:before {
    border-bottom: 7px solid #23252b
}

body .datetimepicker {
    padding: 0
}

body .datetimepicker tfoot tr:first-child th, body .datetimepicker thead tr:first-child th {
    background-color: #23252b;
    border-radius: 0;
    color: #fff
}

body .datetimepicker tfoot tr:first-child + tr th, body .datetimepicker thead tr:first-child + tr th {
    font-weight: 300;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e3e3e3
}

body .datetimepicker th span.glyphicon-arrow-left, body .datetimepicker th span.glyphicon-arrow-right {
    width: 6px;
    height: 10px
}

body .datetimepicker th span.glyphicon-arrow-left:before {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background: url(../img/league-icon.png) -8px -95px no-repeat
}

body .datetimepicker th span.glyphicon-arrow-right:before {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background: url(../img/league-icon.png) -18px -95px no-repeat
}

body .datetimepicker tfoot tr:first-child th:hover, body .datetimepicker thead tr:first-child th:hover {
    background-color: #23252b
}

body .datetimepicker table tr td.new, body .datetimepicker table tr td.old {
    color: #999
}

body .table-condensed tbody > tr > td, body .table-condensed tbody > tr > th, body .table-condensed tfoot > tr > td, body .table-condensed tfoot > tr > th, body .table-condensed thead > tr > td, body .table-condensed thead > tr > th {
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap
}

.icheck-ui {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.icheck-ui input[type=checkbox], .icheck-ui input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.icheck-ui.icheck-radio:before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(../img/public-icheck.png) -3px -3px no-repeat
}

.icheck-ui.icheck-radio.active:before {
    background-position: -22px -3px
}

.icheck-ui.active {
    color: #fff
}

.icheck-list li {
    position: relative;
    float: left;
    padding-left: 22px;
    margin-right: 37px
}

.icheck-list li input {
    position: absolute;
    left: 0
}

.icheck-list li label {
    font-weight: 300;
    cursor: pointer;
    margin-bottom: 0
}

.icheckbox, .iradio {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url(../img/public-icheck.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.iradio {
    background-position: -64px -3px
}

.iradio.checked {
    background-position: -46px -3px
}

.icheckbox {
    background-position: -3px -3px
}

.icheckbox.checked {
    background-position: -22px -3px
}

.icheckbox input, .icheckbox ins, .iradio input, .iradio ins {
    opacity: 0;
    filter: alpha(opacity=0)
}

.icheckbox .icheckbox, .iradio .iradio {
    background: 0 0
}

.icheck-ui .iradio {
    background: #23252b;
    border-radius: 100%
}

.icheck-ui .iradio.checked:before {
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    background-color: #afb0b2;
    border-radius: 100%
}

.star-icon {
    width: 11px;
    height: 10px;
    display: inline-block;
    background: url(../img/league-icon.png) -361px -139px no-repeat;
    font-size: 0
}

.star-icon.half {
    background-position: -376px -139px
}

.star-icon.active {
    background-position: -346px -139px
}

.star-icon.star-sm {
    width: 15px;
    height: 14px;
    background-position: -359px -153px
}

.star-icon.star-sm.half {
    background-position: -378px -153px
}

.star-icon.star-sm.active {
    background-position: -341px -153px
}

.rate-star .star-icon {
    cursor: pointer
}

.detail-link:hover, .league-bp-table .info-link:hover, .league-lastgame-name a:hover, .league-live-list .league-live-name a:hover, .live-empty-text a:hover, .lsm-name:hover, .lsm-star-name:hover, .recent-games-detail-name a:hover, .side-user-name:hover {
    text-decoration: none;
    color: #16b2ce
}

.detail-link, .eg-player-name a:hover, .league-bp-table .info-link:hover, .league-create-ft .btn, .league-list-nav > li > a:focus, .league-list-nav > li > a:hover, .league-live-list .league-live-img .live-opacity, .league-live-list .league-live-img .live-play, .league-live-list .league-live-name a, .live-empty-text a:hover, .lsm-name, .lsm-star-name, .lt-player-name a, .my-binding-info a:hover, .my-binding-type, .recent-games-detail-name a:hover, .side-user-name {
    transition: all .3s
}

.example-enter, .example-leave {
    transition: opacity .5s ease-in
}

#bodyer {
    background: url(../img/match-bg.jpg) center top no-repeat #1e2124
}

.module-items {
    padding: 20px 20px 0;
    background-color: #2e3238;
    margin-bottom: 20px;
    overflow: hidden
}

.module-items-tt {
    position: relative;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding-left: 33px;
    font-size: 14px;
    color: #afb0b2;
    background-color: #23252b
}

.module-items-tt i {
    position: absolute;
    left: 13px;
    top: 13px;
    width: 9px;
    height: 9px;
    background: url(../img/figure-icon.png) -196px -114px no-repeat
}

.match-banpick li {
    position: relative;
    float: left;
    width: 44px;
    height: 81px;
    margin-right: 3px
}

.match-banpick li b {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 3px
}

.match-banpick li b:after {
    position: absolute;
    content: "";
    border: 9px solid transparent
}

.match-banpick li.radiant b:after {
    right: 0;
    top: -18px;
    border-bottom: 9px solid
}

.match-banpick li.radiant img {
    position: absolute;
    left: 0;
    top: 0
}

.match-banpick li.dire img {
    position: absolute;
    left: 0;
    bottom: 0
}

.match-banpick li.dire b:after {
    left: 0;
    bottom: -18px;
    border-top: 9px solid
}

.match-banpick li.ban b {
    background-color: #dd3c3d
}

.match-banpick li.ban img {
    opacity: .3;
    filter: alpha(opacity=30)
}

.match-banpick li.pick b {
    background-color: #8ab71b
}

.match-banpick li.radiant.ban b:after {
    border-bottom-color: #dd3c3d
}

.match-banpick li.radiant.pick b:after {
    border-bottom-color: #8ab71b
}

.match-banpick li.dire.ban b:after {
    border-top-color: #dd3c3d
}

.match-banpick li.dire.pick b:after {
    border-top-color: #8ab71b
}

.match-banpick-box {
    padding: 10px 0 10px 28px;
    background-color: #34393f
}

.match-banpick-camp {
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    width: 100%;
    font-size: 14px
}

.match-banpick-camp.radiant {
    top: 0;
    color: #8ab71b
}

.match-banpick-camp.dire {
    bottom: 0;
    color: #d9383e
}

.match-banpick li:first-child {
    margin-right: 10px
}

.recent-games-tap {
    overflow: hidden;
    background-color: #23252b
}

.recent-games-tap > li {
    display: inline
}

.recent-games-tap > li > a {
    float: left;
    width: 134px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px
}

.recent-games-tap > li > a[aria-controls=radiant] {
    color: #8ab71b
}

.recent-games-tap > li > a[aria-controls=dire] {
    color: #d9383e
}

.recent-games-tap > li > a:hover {
    text-decoration: none;
    background-color: #292b2f
}

.recent-games-tap > li.active > a {
    background-color: #525863
}

.end-games-table {
    margin-bottom: 0
}

.end-games-table > thead > tr > th {
    height: 45px;
    vertical-align: middle;
    background-color: #3b4048;
    color: #8d8f91;
    font-weight: 500;
    border-bottom: 1px solid #2e3238;
    text-align: center
}

.eg-player-name, .end-games-table > thead > tr > th:first-child {
    text-align: left
}

.end-games-table > tbody > tr > td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #34393f;
    vertical-align: middle
}

.end-games-table > tbody > tr.even > td {
    background-color: #393e46
}

.end-games-table > tbody > tr.even > td .hack-css {
    background-position: -200px 0
}

.end-games-table > tbody > tr.match-reviews-box > td {
    background-color: #2e3238;
    height: 55px;
    padding-left: 20px;
    position: relative
}

.end-games-table .eg-camp {
    position: relative;
    display: inline-block;
    padding-left: 42px;
    padding-right: 17px
}

.end-games-table .eg-camp.win:before {
    position: absolute;
    left: 10px;
    top: -4px;
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../../img/radius-hack.png) -90px -51px no-repeat
}

.end-games-table .eg-camp.win:before span {
    position: absolute;
    right: 0;
    top: 0
}

.eg-player {
    width: 120px
}

.eg-player-img {
    position: relative;
    float: left;
    width: 44px;
    height: 44px;
    border: 2px solid transparent
}

.eg-player-img .hack-css {
    background-position: -159px 0
}

.eg-player-name {
    margin-left: 53px;
    font-size: 14px;
    color: #afb0b2;
    padding-top: 10px
}

.eg-player-name a {
    color: #afb0b2
}

.eg-player-name a:hover {
    color: #16b2ce;
    text-decoration: none
}

.eg-player-equipment {
    vertical-align: middle
}

.eg-player-equipment img {
    float: left
}

.recent-games-table {
    table-layout: fixed;
    border-collapse: separate
}

.recent-games-table > thead > tr > th {
    font-size: 12px;
    background-color: #444953;
    color: #afb0b2;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #2e3238
}

.recent-games-table > tbody > tr > td {
    font-size: 12px;
    color: #afb0b2;
    min-width: 80px;
    text-align: center;
    vertical-align: middle;
    background-color: #363b42;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.recent-games-table > tbody > tr.prev-detail:hover > td, .recent-games-table > tbody > tr.prev-detail > td {
    border-top: 0;
    border-bottom: 0
}

.recent-games-table > tbody > tr.even > td {
    background-color: #393f46
}

.recent-games-table > tbody > tr.even > td .recent-games-team li .hack-css {
    background-position: -87px 0
}

.recent-games-table > tbody > tr:hover > td {
    cursor: pointer;
    background-color: #40434d;
    border-top: 1px solid #555861;
    border-bottom: 1px solid #2e3038
}

.recent-games-table > tbody > tr:hover > td .recent-games-team li .hack-css {
    background-position: -123px 0
}

.recent-games-table > tbody > tr.prev-detail > td {
    padding: 0
}

.recent-games-lineup {
    width: 514px;
    overflow: hidden
}

.recent-games-lineup .recent-games-vs {
    float: left;
    line-height: 35px;
    margin: 0 34px
}

.recent-games-team {
    width: 215px
}

.recent-games-team li {
    float: left;
    width: 35px;
    height: 35px;
    margin-left: 10px;
    padding: 1px
}

.recent-games-team li .hack-css {
    background-position: -51px 0
}

.recent-games-team li:first-child {
    margin-left: 0
}

.btn.btn-recent-games {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../img/figure-icon.png) -210px -110px no-repeat;
    padding: 0;
    border: 0
}

.btn.btn-recent-games:active, .btn.btn-recent-games:hover {
    background-position: -210px -127px
}

.recent-games-detail:after {
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -8px;
    top: 29px;
    border: 8px solid transparent;
    border-bottom: 8px solid #2e3238
}

.hero-select, .recent-games-detail {
    position: relative
}

.rgd-module {
    padding: 20px;
    background-color: #2e3238;
    margin-bottom: 20px
}

.recent-games-detail dl {
    float: left;
    width: 50%
}

.recent-games-detail dl dt {
    background-color: #444953;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-weight: 500
}

.recent-games-detail dl dd {
    padding: 7px 0 0 11px;
    border-top: 1px solid #2e3238;
    height: 55px;
    background-color: #34393f
}

.recent-games-detail dl dd.even {
    background-color: #393f46
}

.recent-games-detail dl dd.even .hack-css {
    background-position: -200px 0
}

.recent-games-detail dl.radiant dt {
    color: #8ab71b
}

.recent-games-detail dl.dire dt {
    color: #f03d3d
}

.recent-games-detail dl.dire dd {
    border-left: 1px solid #2e3238
}

.recent-games-detail-img {
    float: left;
    width: 44px;
    height: 44px;
    border: 2px solid transparent
}

.recent-games-detail-name {
    margin-bottom: 5px
}

.recent-games-detail-name a {
    color: #afb0b2
}

.rgd-content {
    margin-left: 50px;
    font-size: 12px
}

.rgd-content ul {
    display: table
}

.rgd-content li {
    display: table-cell;
    padding-left: 26px
}

.rgd-content li em {
    color: #8d8f91;
    font-size: 12px
}

.rgd-content li:first-child {
    padding-left: 0
}

.rgd-content .rgd-captain {
    display: inline-block;
    padding: 0 8px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #eaf1f2;
    border-radius: 15px;
    background-color: #187f91;
    margin-left: 10px
}

.recent-games-detail-img .hack-css {
    background-position: -159px 0
}

.hero-select {
    height: 153px;
    background-color: #444953;
    padding: 20px 0 0 20px;
    text-align: left
}

.hero-select .hero-select-caret {
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom: 7px solid #2e3038
}

.hero-select .hero-select-caret:after {
    position: absolute;
    left: -5px;
    top: -3px;
    content: "";
    border: 5px solid transparent;
    border-bottom: 5px solid #444953
}

.hero-select-camp {
    position: relative;
    float: left;
    width: 41px;
    margin-top: 6px;
    font-size: 14px
}

.hero-select-camp:after {
    position: absolute;
    right: -9px;
    top: 1px;
    display: inline-block;
    content: "";
    border: 9px solid transparent
}

.hero-select-item.radiant .hero-select-camp {
    color: #8ab71b
}

.hero-select-item.radiant .hero-select-camp:after {
    border-left: 9px solid #8ab71b
}

.hero-select-item.dire .hero-select-camp {
    color: #de3d3e
}

.hero-select-item.dire .hero-select-camp:after {
    border-left: 9px solid #de3d3e
}

.hero-select-item.radiant {
    padding-bottom: 23px
}

.hero-select-item.dire {
    padding-top: 24px
}

.hero-select-item.radiant .hero-select-step li b {
    top: 53px
}

.hero-select-item.radiant .hero-select-step li b:after {
    right: 0;
    top: -18px;
    border-bottom: 9px solid #82ab25
}

.hero-select-item .hero-select-step li.ban b {
    background-color: #dd3c3d
}

.hero-select-item.radiant .hero-select-step li.ban b:after {
    border-bottom: 9px solid #dd3c3d
}

.hero-select-item.first .hero-select-step li {
    margin-right: 30px;
    margin-left: 0
}

.hero-select-item.dire .hero-select-step li b {
    top: -27px
}

.hero-select-item.dire .hero-select-step li b:after {
    left: 0;
    top: 3px;
    border-top: 9px solid #82ab25
}

.hero-select-item.dire .hero-select-step li.ban b:after {
    border-top: 9px solid #dd3c3d
}

.hero-select-step {
    margin-left: 55px
}

.hero-select-step li {
    position: relative;
    float: left;
    width: 59px;
    margin-left: 30px
}

.hero-select-step li img {
    display: block
}

.hero-select-step li.ban img {
    opacity: .3
}

.hero-select-step li b {
    position: absolute;
    left: 5px;
    display: block;
    width: 44px;
    height: 3px;
    background-color: #82ab25
}

.hero-select-step li b:after {
    position: absolute;
    content: "";
    border: 9px solid transparent
}

.tabs {
    display: inline-block;
    height: 11px;
    line-height: 11px;
    background: url(../img/public-level.png) 0 -200px no-repeat
}

.tabs-dota2-pro {
    width: 57px;
    background-position: 0 -393px
}

.myleague-head-hd {
    position: relative;
    padding: 30px;
    height: 289px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE2e3238, endColorstr=#EE2e3238);
    background-color: rgba(46, 50, 56, .8)
}

.myleague-head-sign {
    float: left;
    width: 312px;
    font-size: 14px;
    color: #b3b5b7
}

.myleague-head-sign-tt {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #4b5057;
    margin-bottom: 15px;
    font-size: 14px;
    color: #fff;
    margin-top: 0
}

.myleague-head-sign-tt .iconfont {
    font-size: 14px;
    margin-right: 7px
}

.myleague-head-sign-tt:before {
    position: absolute;
    top: 0;
    left: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/league-icon.png) -301px -122px no-repeat
}

.myleague-head-user {
    position: absolute;
    left: 370px;
    right: 370px;
    top: 45px;
    text-align: center
}

.myleague-head-user-avatar {
    width: 126px;
    height: 126px;
    margin: 0 auto;
    padding: 8px;
    border-radius: 126px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE43474c, endColorstr=#EE43474c);
    background-color: rgba(67, 71, 76, .8)
}

.myleague-head-user-avatar img {
    border-radius: 110px
}

.myleague-head-user-name {
    font-size: 30px;
    color: #fff;
    margin: 0;
    line-height: 1.6
}

.myleague-head-user-name [class*=level-] {
    position: absolute;
    right: -45px;
    top: 13px
}

.myleague-head-user-name .ellipsis {
    display: inline-block;
    vertical-align: top;
    max-width: 330px
}

.myleague-head-user-name p {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.myleague-head-user-data {
    font-size: 12px;
    color: #97999c
}

.myleague-head-user-data .iconfont {
    font-size: 12px
}

.myleague-head-user-data > span:first-child {
    margin-left: 0
}

.myleague-head-user-data > span {
    margin-left: 15px
}

.btn.myleague-friend-add {
    width: 120px;
    height: 50px;
    border: 2px solid #55595e;
    background-color: #232629;
    font-size: 14px;
    color: #4eaf33;
    line-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 50px
}

.myleague-friend-add .iconfont {
    font-size: 20px
}

.my-binding-info {
    position: absolute;
    right: 30px;
    top: 194px;
    font-size: 12px;
    color: #8d8e90
}

.my-binding-info a {
    color: #8d8e90
}

.my-binding-info a:hover {
    text-decoration: none;
    color: #16b2ce
}

.my-binding-info a:hover .my-binding-type {
    border-color: #16b2ce
}

.my-binding-info > div {
    float: left;
    text-align: center;
    margin-left: 30px
}

.my-binding-type {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: top;
    border: 2px solid #56595e;
    background-color: #25282d;
    text-align: center;
    line-height: 46px;
    margin-bottom: 5px;
    border-radius: 50px;
    position: relative
}

.myleague-head, .myleague-module {
    margin-bottom: 20px
}

.my-binding-type .icon-email {
    font-size: 28px
}

.my-binding-type .icon-5, .my-binding-type .icon-7 {
    position: absolute;
    right: -5px;
    bottom: -5px;
    line-height: 18px;
    font-size: 18px
}

.my-binding-type .icon-7 {
    color: #18633a
}

.my-binding-type .icon-5 {
    color: #951d1d
}

.myleague-head .progress {
    height: 12px;
    background-color: #17191c;
    border-radius: 0
}

.myleague-head-progress {
    position: relative
}

.myleague-head-progress .progress-experience {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #d3d3d3;
    line-height: 12px;
    text-align: center
}

.myleague-module {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE393f46, endColorstr=#EE393f46);
    background-color: rgba(57, 63, 70, .8)
}

.myleague-tt {
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    color: #14b9d6;
    margin: 0 0 20px
}

.myleague-tt:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    background: url(../img/figure-icon.png) -67px -224px no-repeat
}

.myleague-module-covered {
    margin: 0 -20px 20px
}

.myleague-recently-hero {
    margin: 0 -20px -20px;
    height: 248px;
    background-color: #2e3238
}

.myleague-recently-hero-list li {
    float: left;
    width: 96px;
    margin: 28px 12px 0 36px;
    height: 90px
}

.myleague-recently-hero-list li p {
    height: 28px;
    line-height: 28px
}

.myleague-data-count-float {
    position: relative;
    padding: 20px 0 0 24px;
    width: 343px;
    height: 270px;
    background-color: #2e3238;
    margin-bottom: 25px
}

.myleague-data-count-float.myleague-cup:after {
    position: absolute;
    left: 56px;
    top: 90px;
    display: block;
    content: "";
    width: 115px;
    height: 136px;
    background: url(../img/league-cup.png) -3px -2px no-repeat
}

.myleagu-league-num {
    min-width: 128px;
    margin-right: 25px;
    margin-top: 86px
}

.myleagu-league-num-highlight {
    font-size: 20px;
    color: #ffd332;
    margin-top: 10px
}

.chart-area-rate {
    width: 181px;
    height: 181px;
    position: absolute;
    left: 37px;
    top: 64px
}

.chart-area-rate-num {
    position: absolute;
    left: 0;
    top: 60px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #14b9d6
}

.doughnut-data {
    position: absolute;
    left: 246px;
    top: 115px
}

.doughnut-data li {
    padding-left: 23px;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px
}

.doughnut-data li:after {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #dfe2e2
}

.doughnut-data li.doughnut-data-win:after {
    background-color: #3cc5dd
}

.doughnut-data li.doughnut-data-loss:after {
    background-color: #c23636
}

.myleague-personal-panel .league-user-recordchart {
    padding: 0 15px
}

.myleague-personal-panel .league-user-score {
    padding: 15px;
    height: 112px
}

.myleague-personal-panel .recordchart-num {
    margin-left: 190px
}

.myleague-personal-panel .recordchart {
    width: 170px;
    top: 13px
}

.myleague-personal-panel .league-user-recordchart:before {
    left: 48px;
    top: 39px;
    width: 102px;
    height: 101px;
    background: url(../img/recordchart.png) -402px 0 no-repeat
}

.myleague-data-count {
    background-color: #22262a;
    clear: both;
    height: 330px
}

.myleague-data-count-tt {
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    background-color: #2e3238;
    font-size: 14px;
    margin: 0 0 25px
}

.myleague-data-count-list {
    overflow: hidden
}

.myleague-data-count-list li {
    width: 33%;
    float: left;
    height: 90px;
    text-align: center;
    border-left: 1px dashed #393c40;
    margin-bottom: 25px;
    position: relative
}

.myleague-data-count-list li:first-child {
    border-left: 0
}

.myleague-data-count-info {
    font-size: 30px;
    color: #3cc5dd;
    font-weight: 700
}

.myleague-data-count-list-type {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    text-align: center
}

.myleague-data-count-hr {
    border: 0;
    border-top: 1px dashed #393c40;
    margin: 0 11px 25px
}

.myleague-data-count-match {
    font-size: 28px;
    font-weight: 700;
    color: #ff8e00
}

.myleague-data-count-slash {
    font-size: 28px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -18px;
    margin-right: 3px;
    color: #53565b
}

.myleague-data-count-slash + .myleague-data-count-match {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -22px
}

.myleague-module-content {
    margin: 0 -20px -20px
}

.myleague-list .media {
    padding: 22px;
    background-color: #2e3238
}

.myleague-list .media-body {
    position: relative
}

.myleague-list .media-heading {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px
}

.myleague-list-notes {
    font-size: 14px;
    color: #6b6d70
}

.myleague-list-time {
    font-size: 14px;
    color: #afb0b2;
    margin-bottom: 5px
}

.myleague-list-data {
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    font-size: 14px
}

.myleague-list-sign {
    margin: 0 21px;
    color: #393c42;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #393c42;
    height: 22px
}

.myleague-list-detail-link {
    position: absolute;
    left: 525px;
    top: 0;
    font-size: 14px;
    color: #3cc5dd
}

.myleague-list-scoring {
    position: relative;
    width: 112px;
    height: 100px;
    text-align: center;
    padding-top: 8px;
    color: #fff;
    margin-top: 10px
}

.myleague-list-scoring:before {
    width: 75px;
    height: 100px;
    background: url(../img/league-cup.png) -134px -8px no-repeat;
    position: absolute;
    left: 18px;
    top: 0;
    content: ""
}

.myleague-list-scoring:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 16px;
    width: 112px;
    height: 22px;
    content: "";
    background: url(../img/league-cup.png) -217px -8px no-repeat
}

.myleague-record-count-chart-line:after, .plu-crad-img.tag:after {
    bottom: 0;
    display: block;
    content: ""
}

.myleague-list-scoring > div {
    position: relative;
    z-index: 1
}

.myleague-list-scoring-num {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    width: 100%;
    top: 13px
}

.myleague-list-scoring-score {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.myleague-list .media:first-child {
    border-top: 0
}

.myleague-list .media {
    border-top: 1px solid #393c42;
    margin-top: 0
}

.myleague-list-status {
    font-size: 20px;
    font-weight: 700;
    width: 120px
}

.myleague-personal-panel .recordchart-num {
    padding-top: 20px
}

.myleague-personal-panel .recordchart-num li {
    margin-bottom: 5px
}

.myleague-personal-panel .league-user-recordchart {
    height: 180px
}

.myleague-personal-panel .league-user-record {
    height: 55px;
    padding-top: 7px
}

.myleague-personal-panel .league-user-record > li > p {
    margin-bottom: 2px
}

.myleague-data-box {
    height: 705px
}

.myleague-record-count-hd {
    line-height: 50px;
    background-color: #22262a;
    font-size: 12px;
    color: #bcbcbc;
    padding-left: 39px;
    padding-right: 28px
}

.myleague-record-count-chart-line {
    width: 508px;
    margin-left: 30px;
    margin-top: 40px;
    position: relative
}

.myleague-record-count-chart-line:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #2b2f34
}

.myleague-record-count-chart {
    height: 332px;
    background-color: #2b2f34;
    position: relative
}

.myleague-record-count-chart-line h5 {
    font-size: 14px;
    margin: 0 0 40px;
    padding-left: 30px
}

.myleague-record-count-chart-list {
    float: right;
    width: 473px;
    margin: 21px 22px 0 0
}

.myleague-record-count-chart-list li {
    line-height: 37px;
    height: 37px;
    padding: 0 18px;
    color: #bcbcbc
}

.myleague-record-count-chart-list li > span {
    float: left
}

.myleague-record-count-chart-position {
    width: 180px
}

.myleague-record-count-chart-count {
    width: 95px
}

.myleague-record-count-chart-win {
    width: 100px
}

.myleague-record-count-chart-list li.even {
    background-color: #31353c
}

.myleague-record-count-chart .myleague-recently-hero-list {
    position: absolute;
    left: 584px;
    top: 210px;
    width: 520px
}

.myleague-record-count-chart .myleague-recently-hero-list li {
    margin: 0 32px 0 0
}

.myleague-personal-panel .league-user-score > li > label {
    width: 75px
}

.myleague-personal-panel {
    min-height: 347px;
    background-color: #2e3238
}

#myleague-list .table {
    margin-bottom: 0
}

.league-popover-usercard {
    width: 252px;
    padding: 0;
    background-color: #23252b;
    font-size: 12px;
    font-family: 'Helvetica Neue', 'Lucida Grande', 'Microsoft YaHei', Arial, 'Liberation Sans', FreeSans, 'Hiragino Sans GB', sans-serif;
    border: 1px solid #14b9d6;
    border: 1px solid rgba(20, 185, 214, .1);
    box-shadow: 0 0 3px -1px #14b9d6
}

.league-card-score, .plu-card {
    border-bottom: 1px solid #2e3239
}

.league-popover-usercard .popover-content {
    padding: 0
}

.league-popover-usercard.right .arrow {
    border-right-color: #14b9d6;
    border-right-color: rgba(20, 185, 214, .7)
}

.league-popover-usercard.right > .arrow:after {
    border-right-color: #23252b
}

.league-popover-usercard.left .arrow {
    border-left-color: #14b9d6;
    border-left-color: rgba(20, 185, 214, .7)
}

.league-popover-usercard.left > .arrow:after {
    border-left-color: #23252b
}

.plu-card {
    position: relative;
    background: url(../img/league-user-card-bg.png) no-repeat #25272c;
    padding: 17px 0 0 20px
}

.plu-crad-img {
    float: left;
    width: 56px;
    height: 56px
}

.plu-crad-img.tag .hack-css {
    background-position: -443px -95px
}

.plu-crad-img.tag:after {
    position: absolute;
    right: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: url(../img/league-icon.png) -303px -26px no-repeat
}

.plu-crad-img .hack-css {
    background-position: -443px -36px
}

.plu-card-data {
    margin-left: 65px;
    height: 70px
}

.plu-card-name {
    color: #f8f6f3;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-berak: normal;
    word-wrap: normal;
    vertical-align: middle
}

.league-card-score {
    margin: 0 20px;
    padding: 9px 0;
    height: 112px;
    background-color: transparent
}

.league-card-score li {
    vertical-align: top
}

.league-popover-usercard .league-user-score > li {
    font-size: 14px
}

.league-popover-usercard .league-user-score > li > label {
    width: 61px
}

.league-popover-usercard .league-user-score > li .star-icon {
    margin-right: 11px;
    margin-top: 6px
}

.league-popover-usercard .mf-data {
    display: block;
    background-color: transparent
}

.league-popover-usercard .mf-data-site {
    width: auto
}

.league-popover-usercard .progress {
    width: 120px
}

.league-popover-usercard .mf-data > ul > li {
    margin: 8px 0
}

.league-card-doughnut {
    width: 49px;
    height: 49px;
    margin-top: 5px;
    position: relative
}

.league-card-doughnut .league-card-doughnut-label {
    position: absolute;
    width: 49px;
    height: 49px;
    display: block;
    line-height: 49px;
    text-align: center;
    top: 0;
    left: 0
}

.league-card-doughnut-list > li {
    padding: 0 16px
}

.league-card-doughnut-box {
    height: 90px;
    padding-top: 10px;
    background-color: #23252b
}

.league-card-data {
    height: 62px;
    padding-top: 14px;
    margin-left: 0;
    padding-left: 5px;
    background-color: #1e1f25
}

.league-card-data li {
    width: 32%;
    height: 35px;
    border-left: 1px solid #2e3239;
    text-align: center
}

.league-card-data li:first-child {
    border-left: 0
}

.league-card-data li > p {
    color: #fff
}

.league-card-doughnut label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 300;
    line-height: 49px;
    text-align: center
}

.league-card-doughnut-fight label {
    color: #ff7e00
}

.league-card-doughnut-escape label {
    color: #afb0b2
}

.league-card-doughnut-win label {
    color: #90b526
}

.league-card-fight {
    color: #ff7e00
}

.league-card-rader {
    height: 182px;
    margin: 0 25px;
    position: relative
}

.league-card-rader:before {
    position: absolute;
    left: 36px;
    top: 21px;
    display: block;
    content: "";
    width: 138px;
    height: 137px;
    background: url(../img/recordchart.png) -126px 0 no-repeat
}

.league-card-rader canvas, .side-user-team {
    position: relative
}

.plu-card-note {
    font-size: 12px;
    color: #ffc600;
    height: 20px
}

.user-hd-right-data {
    padding: 16px 20px 0 0
}

.side-user-team {
    padding: 20px;
    height: 114px
}

.side-user-team-img {
    float: left;
    border-radius: 4px;
    margin-right: 10px
}

.side-user-team-content span, .side-user-team-content strong {
    vertical-align: middle
}

.side-user-team-name {
    font-size: 14px;
    color: #fff;
    margin: 0 0 4px;
    padding-top: 5px
}

.side-user-team-name > a {
    color: #fff
}

.side-user-team-name > a:hover {
    color: #16b2ce
}

.side-user-team-list {
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
    height: 72px;
    background: url(../img/league-cup.png) -340px -4px no-repeat;
    padding-top: 12px;
    text-align: center
}

.leaguecup-match-hd {
    height: 49px;
    line-height: 49px;
    padding: 0 20px;
    background-color: #393f46
}

.leaguecup-match-hd h4 {
    margin: 0;
    font-size: 12px;
    line-height: 49px
}

.cup-match-team-hd {
    height: 36px;
    background-color: #23252b;
    padding: 11px 0 0 13px
}

.cup-match-team-hd .myleague-tt {
    font-size: 12px;
    color: #afb0b2;
    line-height: 15px
}

.league-main-ft .league-schedule-team-data {
    width: 114px
}

.league-main-ft .league-schedule-team {
    width: 283px
}

.cup-recent-games-detail dl {
    width: 350px
}

.cup-recent-games-detail dl.dire {
    float: right
}

.cup-recent-games-detail:after {
    display: none
}

.recent-games-detail.cup-recent-games-detail dl dt {
    color: #afb0b2;
    font-size: 12px;
    line-height: 42px
}

.cup-recent-games-pie {
    position: absolute;
    left: 420px;
    width: 190px;
    top: 60px
}

.league-double-round .caret:after, .leaguecup-group-add .bootstrap-select .caret:after {
    left: 10px
}

.leaguecup-group-list {
    background-color: #34393f
}

.leaguecup-group-list .btn {
    box-sizing: content-box;
    min-width: 86px;
    margin-right: 5px;
    background-color: #444953
}

.leaguecup-group-list .btn:active, .leaguecup-group-list .btn:hover {
    color: #afb0b2
}

.leaguecup-group-list .btn-group-add {
    background-color: #23252b
}

.leaguecup-group-add {
    padding: 10px
}

.leaguecup-group-add label {
    font-weight: 300
}

.leaguecup-group-add label + .form-control {
    width: 91px
}

.leaguecup-group-add input {
    background-color: #444953;
    border-color: #444953;
    height: 28px;
    color: #fff;
    box-shadow: none;
    padding-top: 4px;
    padding-bottom: 4px
}

.leaguecup-group-add input:active, .leaguecup-group-add input:focus {
    border-color: #444953
}

.leaguecup-group-add .input-group-addon {
    background-color: #444953;
    color: #afb0b2;
    border-color: #444953;
    font-size: 12px;
    padding: 5px 12px
}

.leaguecup-group-add .btn.form-control.normal-select {
    height: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px
}

.leaguecup-group-add .form-control {
    font-size: 12px;
    color: #afb0b2
}

.leaguecup-group-add .input-group .form-control {
    padding-right: 0
}

.leaguecup-group-add .btn.dropdown-toggle {
    font-size: 12px;
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff
}

.leaguecup-group-add .bootstrap-select .caret {
    width: 28px;
    background-color: #23252b
}

.leaguecup-group-add .btn-sm {
    padding-top: 4px;
    padding-bottom: 4px
}

.leaguecup-double-group-table {
    display: inline-block
}

.leaguecup-member-tt {
    height: 51px;
    line-height: 50;
    border-bottom: 1px solid #3b4048;
    margin-bottom: 13px
}

.leaguecup-member-tt h2 {
    width: 110px;
    border-bottom: 2px solid #afb0b2;
    font-size: 12px;
    text-align: center;
    line-height: 49px;
    margin: 0
}

.leaguecup-member-tt.win h2 {
    border-color: #81aa21;
    color: #789d24
}

.leaguecup-member-tt.loss {
    margin-top: -22px;
    margin-right: 10px
}

.leaguecup-member-tt.loss h2 {
    border-color: #fa3838;
    color: #fa3838
}

.league-dg-vs {
    margin-top: 36px
}

.league-double-round .btn.form-control {
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px
}

.league-double-round .caret {
    width: 28px;
    background-color: #23252b
}

.league-double-game-item {
    text-align: left
}

.league-team-group-datetimepicker {
    height: 34px;
    padding-top: 12px;
    text-align: center
}

.league-team-line {
    position: absolute;
    left: -10px;
    top: 62px;
    right: -10px;
    display: block;
    border-bottom: 1px solid #393e46
}

.league-team-ml {
    position: absolute;
    right: -11px;
    top: 62px;
    border-left: 1px solid #3b4048;
    height: 45px
}

.league-team-cl, .league-team-tl {
    position: absolute;
    right: -11px;
    top: 17px;
    border-left: 1px solid #3b4048
}

.league-team-tl {
    height: 45px
}

.league-team-cl {
    height: 90px
}

.league-team-item {
    display: block;
    width: 110px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    border: 0;
    background-color: #34393f;
    text-align: left;
    line-height: 28px;
    padding: 0 5px
}

.league-team-item + .league-team-item {
    background-color: #393e46
}

.league-team-item img {
    max-width: 25px;
    max-height: 24px;
    vertical-align: middle;
    margin-top: -2px
}

.leaguecup-double-group-win {
    padding-left: 130px
}

.league-double-game-vs {
    height: 90px;
    position: relative
}

.cup-doubled-table > tbody > tr > td, .tournament-next-team {
    position: relative
}

.tournament-plan-line {
    position: absolute;
    top: 61px;
    left: 110px;
    right: 0;
    bottom: 27px;
    margin-left: 10px;
    border-left: 1px solid #3b3f48
}

.tournament-plan-line:after, .tournament-plan-line:before {
    position: absolute;
    left: -11px;
    display: block;
    content: "";
    width: 10px;
    height: 1px;
    overflow: hidden;
    background: #3b3f48
}

.double-16-plan.double .double-winers .league-double-game-item-2 .tournament-plan-hr, .double-16-plan.double_group .double-winers .league-double-game-item-1 .tournament-plan-hr, .double-winers-losers-vs .tournament-plan-line .tournament-plan-hr, .double16-winers-final .tournament-plan-line .tournament-plan-hr, .single-plan-finals .tournament-plan-line:after, .single-plan-finals .tournament-plan-line:before, .single-win .tournament-plan-line, .single16-final .tournament-plan-line .tournament-plan-hr {
    display: none
}

.tournament-plan-line:before {
    top: 0
}

.tournament-plan-line:after {
    bottom: 0
}

.tournament-plan-hr {
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    overflow: hidden;
    background: #3b3f48
}

.league-team-group, .react-scrollbar {
    position: relative
}

.single-plan-finals .tournament-plan-hr {
    left: -10px
}

.single-plan-finals .tournament-plan-line {
    border-left: 0
}

.tournament-next-team.pr152 {
    padding-right: 152px
}

.double-16-plan.double .double-winers .league-double-game-item-2 .tournament-plan-line, .double-16-plan.double_group .double-winers .league-double-game-item-1 .tournament-plan-line, .double-winers-losers-vs .tournament-plan-line, .double16-winers-final .tournament-plan-line, .single16-final .tournament-plan-line {
    border-top: 1px solid #3b3f48;
    border-bottom: 1px solid #3b3f48;
    top: 62px;
    border-left: 0;
    bottom: 27px
}

.double-16-plan .double-winers .league-double-game-item-3 .league-team-item, .double-16-plan.double_group .double-winers .league-double-game-item-2 .league-team-item, .double-decider .league-double-game-item .league-team-item, .double-finals .league-team-group .league-team-item, .double-finals-win .league-team-group .league-team-item, .double16-winers-finals .league-team-group .league-team-item, .single-win .league-team-group .league-team-item, .single16-finals .league-team-group .league-team-item, .single16-finals-win .league-team-group .league-team-item {
    height: 56px;
    line-height: 56px
}

.single16-finals .league-team-group .league-team-item:first-child {
    margin-bottom: 368px
}

.double-16-plan.double .double-winers .league-double-game-item-2 .tournament-plan-line:before, .double-16-plan.double_group .double-winers .league-double-game-item-1 .tournament-plan-line:before, .double-winers-losers-vs .tournament-plan-line:before, .double16-winers-final .tournament-plan-line:before, .single16-final .tournament-plan-line:before {
    top: -1px;
    left: -10px
}

.double-16-plan.double .double-winers .league-double-game-item-2 .tournament-plan-line:after, .double-16-plan.double_group .double-winers .league-double-game-item-1 .tournament-plan-line:after, .double-winers-losers-vs .tournament-plan-line:after, .double16-winers-final .tournament-plan-line:after, .single16-final .tournament-plan-line:after {
    bottom: -1px;
    left: -10px
}

.my-binding-type .icon-steam {
    font-size: 28px
}

.bg-three {
    background: #34393f
}

.bg-two {
    background: #3b4048
}

.side-user-team {
    background: #2e3238
}

.side-user-team-data {
    background: #33373e;
    border-bottom: 1px solid #393f46;
    padding: 10px
}

.league-schedule-round {
    font-weight: 300;
    font-style: normal
}

.tournament-match-panel {
    background-color: #2e3238;
    overflow: hidden
}

.example-enter {
    opacity: .01
}

.example-enter.example-enter-active, .example-leave {
    opacity: 1
}

.slide-enter, .slide-leave {
    transition: max-height .5s ease-in
}

.example-leave.example-leave-active {
    opacity: .01
}

.slide-enter {
    max-height: 0;
    overflow: hidden
}

.slide-enter.slide-enter-active, .slide-leave {
    max-height: 1000px
}

.slide-leave.slide-leave-active {
    max-height: 0;
    overflow: hidden
}

.react-scrollbar {
    overflow: hidden
}

.tournament-side-user-list {
    height: 450px
}

.league-create-type {
    width: 320px;
    margin: 100px
}

.league-create-type-img {
    height: 210px;
    opacity: .6;
    filter: alpha(opacity=60);
    transition: all .3s;
    -webkit-transform: scale(1);
    -webkit-transition: all .3s;
    -moz-transform: scale(1);
    -moz-transition: all .3s;
    -ms-transform: scale(1);
    -ms-transition: all .3s
}

.league-create-type-box {
    overflow: hidden
}

.league-create-type-img.league {
    background: url(../img/create-league.jpg) no-repeat
}

.league-create-type-img.tournament {
    background: url(../img/create-league.jpg) -321px 0 no-repeat
}

.league-create-type-tt {
    font-size: 18px;
    color: #b7af86;
    margin: 15px 0
}

.league-create-type-text {
    font-size: 12px;
    color: #afb0b2
}

.league-create-type:hover .league-create-type-img {
    transform: scale(1.2);
    transition: all .3s;
    -webkit-transform: scale(1.2);
    -webkit-transition: all .3s;
    -moz-transform: scale(1.2);
    -moz-transition: all .3s;
    -ms-transform: scale(1.2);
    -ms-transition: all .3s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.progress.tournament-user-progress {
    height: 4px;
    border-radius: 0;
    background-color: #23252b;
    background-image: -webkit-linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-image: -o-linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-image: linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-size: 30px 10px;
    margin-bottom: 0
}

.progress.tournament-user-progress .progress-bar {
    background-image: -webkit-linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-image: -o-linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-image: linear-gradient(90deg, #2d3338 1px, transparent 1px);
    background-size: 30px 10px;
    border-radius: 0
}

.tournament-user-progress.tournament-team-progress {
    height: 5px;
    background-size: 21px 10px;
    width: 104px
}

.tournament-user-progress.tournament-team-progress .progress-bar {
    background-size: 21px 10px
}

.progress-bar-warrate {
    background-color: #92a64d
}

.progress-bar-kda {
    background-color: #479b6d
}

.progress-bar-gpm {
    background-color: #4d779d
}

.progress-bar-xpm {
    background-color: #ab4445
}

.progress-bar-lh {
    background-color: #9d694d
}

.progress-bar-dh {
    background-color: #449bab
}

.progress-bar-winrate {
    background-color: #8dba49
}

.league-schedule-team.w465 {
    width: 465px
}

.league-schedule-team.w465 .league-schedule-team-data {
    width: 205px
}

.league-table.gameRecord-table {
    margin-bottom: 0
}

.league-table > tbody > tr.wrap-gameRecordPop-table > td {
    border: 0
}

.league-schedule-table.table > tbody + tbody {
    border-top: 0
}

.nav-manage-type {
    background: #23252b
}

.nav-manage-type > li.active > a {
    background: #2e3238;
    color: #14b9d6
}

.nav-manage-type > li > a {
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    color: #D4D4D4
}

.nav-manage-type > li > a:hover {
    text-decoration: none;
    color: #14B9D6
}

.league-team-item a, .react-autocomplete-li.active {
    color: #fff
}

.nav-manage-type > li {
    display: inline
}

.input-group-addon.input-group-addon-black {
    background-color: #23252b;
    border-color: #23252b
}

.radio-bg-black .iradio {
    background-position: -104px -4px
}

.radio-bg-black .iradio.checked {
    background-position: -87px -4px
}

.react-select .btn-group.form-control {
    padding: 0;
    width: auto;
    border: 0;
    margin-bottom: 0;
    background: 0 0
}

.react-select {
    margin-bottom: 0
}

.tournament-schedule-detail-teamname {
    min-width: 50px;
    max-width: 50px
}

.league-history .tournament-game-detail-table.table > tbody > tr > td, .league-schedule-table.table .tournament-game-detail-table.table > tbody > tr > td {
    background: #2f3239;
    border-bottom: 1px solid #22252c
}

.league-history .tournament-game-detail-table.table > tbody > tr.even > td, .league-schedule-table.table .tournament-game-detail-table.table > tbody > tr.even > td {
    background: #2f3239
}

.league-team-group-datetimepicker .icon-set {
    font-size: 12px;
    margin-bottom: 2px
}

.ls-main .tournament-game-detail-table > tbody > tr > td, .ls-main .tournament-game-detail-table > thead > tr > th {
    padding-left: 5px;
    padding-right: 5px
}

.ml2 {
    margin-left: 2px
}

.mr2 {
    margin-right: 2px
}

.react-autocomplete-li {
    border-top: 1px solid #444953;
    padding: 5px 0;
    cursor: pointer;
    margin: 0 5px
}

.react-autocomplete-li:first-child {
    border-top: 0
}

.leaguecup-double-losers-table {
    display: inline-block;
    margin-top: 30px
}

.league-team-group .icon-set {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px
}

.double-16-plan .double-losers .league-double-game-item-4 .tournament-plan-line, .double-16-plan .double-losers .league-double-game-item-5 .tournament-plan-line, .double-4-plan .double-losers .tournament-plan-line, .double-4-plan .double-winers .league-double-game-item.last .tournament-plan-line, .double-8-plan .double-winers .league-double-game-item.last .tournament-plan-line, .double-8-plan .league-double-game-item-2 .tournament-plan-line, .double-8-plan .league-double-game-item-3 .tournament-plan-line, .double-losers-finals .tournament-plan-line, .double-winers-losers .tournament-plan-line {
    border-left: 0;
    margin-left: 0
}

.double-16-plan .double-decider .league-double-game-item-1 .tournament-plan-line, .double-16-plan .double-losers .league-double-game-item-4 .tournament-plan-line:after, .double-16-plan .double-losers .league-double-game-item-4 .tournament-plan-line:before, .double-16-plan .double-losers .league-double-game-item-5 .tournament-plan-line:after, .double-16-plan .double-losers .league-double-game-item-5 .tournament-plan-line:before, .double-4-plan .double-decider .league-double-game-item.last .tournament-next-team .tournament-plan-line, .double-4-plan .double-losers .tournament-plan-line:after, .double-4-plan .double-losers .tournament-plan-line:before, .double-4-plan .double-winers .league-double-game-item.last .tournament-plan-line:after, .double-4-plan .double-winers .league-double-game-item.last .tournament-plan-line:before, .double-8-plan .double-decider .league-double-game-item-1 .tournament-plan-line, .double-8-plan .double-winers .league-double-game-item.last .tournament-plan-line:after, .double-8-plan .double-winers .league-double-game-item.last .tournament-plan-line:before, .double-8-plan .league-double-game-item-2 .tournament-plan-line:after, .double-8-plan .league-double-game-item-2 .tournament-plan-line:before, .double-8-plan .league-double-game-item-3 .tournament-plan-line:after, .double-8-plan .league-double-game-item-3 .tournament-plan-line:before, .double-finals-win .tournament-plan-line, .double-losers-finals .tournament-plan-line:after, .double-losers-finals .tournament-plan-line:before, .double-winers-losers .tournament-plan-line:after, .double-winers-losers .tournament-plan-line:before {
    display: none
}

.double-16-plan.double_group .double-winers .league-double-game-item-0:first-child .tournament-next-team, .double-4-plan .double-decider .tournament-next-team, .double-4-plan .double-losers .tournament-next-team, .double-8-plan .double-decider .league-double-game-item-0 .tournament-next-team, .double-8-plan.double_group .double-winers .league-double-game-item-0:first-child .tournament-next-team, .double-winers .tournament-next-team {
    padding-right: 152px
}

.double-16-plan .double-decider .league-double-game-item-0 .tournament-next-team, .double-16-plan .double-winers .league-double-game-item-0 .tournament-next-team, .double-16-plan .double-winers .league-double-game-item-3 .tournament-next-team, .double-16-plan.double_group .double-winers .league-double-game-item.last .tournament-next-team, .double-8-plan .double-winers .league-double-game-item.last .tournament-next-team, .double-8-plan .double-winers .league-double-game-item:first-child .tournament-next-team, .double-losers .tournament-next-team {
    padding-right: 21px
}

.double-4-plan .double-decider .league-double-game-item {
    padding-top: 45px
}

.double-8-plan .double-decider .league-double-game-item-0 {
    padding-top: 135px
}

.double-8-plan .double-decider .league-double-game-item-1 {
    padding-top: 308px
}

.double-8-plan .double-decider .league-double-game-item-0 .league-team-item:first-child {
    margin-bottom: 285px
}

.double-4-plan .double-decider .league-double-game-item.last {
    padding-top: 150px
}

.double-4-plan .double-decider .league-double-game-item.last .tournament-next-team {
    padding-right: 0
}

.double-4-plan .double-decider .league-double-game-item:first-child .league-team-item:first-child {
    margin-bottom: 150px
}

.double-16-plan .double-losers .league-double-game-item-2 .tournament-next-team > div:first-child, .double-16-plan .double-losers .league-double-game-item-3 .tournament-next-team > div:first-child, .double-16-plan .double-winers .league-double-game-item-1 .tournament-next-team > div:first-child, .double-8-plan .double-winers .league-double-game-item-1 .tournament-next-team > div:first-child {
    margin-bottom: 90px
}

.double-16-plan.double_group .double-winers .league-double-game-item-2 .league-team-item:first-child {
    margin-bottom: 125px
}

.double-16-plan .double-losers .league-double-game-item-2, .double-16-plan .double-losers .league-double-game-item-3, .double-16-plan .double-winers .league-double-game-item-2, .double-8-plan .double-winers .league-double-game-item-2 {
    padding-top: 45px
}

.double-16-plan .double-losers .league-double-game-item-4, .double-16-plan .double-losers .league-double-game-item-5 {
    padding-top: 135px
}

.double-16-plan .double-winers .league-double-game-item-1 > div:first-child + .tournament-next-team {
    margin-bottom: 155px
}

.double-16-plan.double .double-winers .league-double-game-item-0 > div:first-child + .tournament-next-team + .tournament-next-team {
    margin-bottom: 65px
}

.double-16-plan .double-winers .league-double-game-item-2 .tournament-next-team > div:first-child {
    margin-bottom: 335px
}

.double-16-plan .double-winers .league-double-game-item-3 .league-team-item:first-child {
    margin-bottom: 370px
}

.double-16-plan .double-decider .league-double-game-item-0 {
    padding-top: 350px
}

.double-16-plan .double-decider .league-double-game-item-1 {
    padding-top: 672px
}

.double-16-plan .double-decider .league-double-game-item-0 .league-team-item:first-child {
    margin-bottom: 585px
}

.double-4-plan.double_group .double-winers {
    margin-left: 262px
}

.double-16-plan.double_group .double-winers, .double-8-plan.double_group .double-winers {
    margin-left: 131px
}

.double-4-plan.double_group .double-decider .league-double-game-item-0 {
    padding-top: 0
}

.double-4-plan.double_group .double-decider .league-double-game-item-0:first-child .league-team-item:first-child {
    margin-bottom: 106px
}

.double-4-plan.double_group .double-decider .league-double-game-item-1 {
    padding-top: 82px
}

.double-8-plan.double_group .double-decider .league-double-game-item-0 {
    padding-top: 45px
}

.double-8-plan.double_group .double-decider .league-double-game-item-0 .league-team-item:first-child {
    margin-bottom: 240px
}

.double-8-plan.double_group .double-decider .league-double-game-item-1 {
    padding-top: 195px
}

.double-16-plan.double_group .double-winers .league-double-game-item-2 {
    padding-top: 0;
    margin-top: -45px
}

.double-16-plan.double_group .double-winers .league-double-game-item-1 > div:first-child + .tournament-next-team, .double-16-plan.double_group .double-winers .league-double-game-item-2 .tournament-next-team > div:first-child {
    margin-bottom: 0
}

.double-16-plan.double_group .double-decider .league-double-game-item-0 {
    padding-top: 135px
}

.double-16-plan.double_group .double-decider .league-double-game-item-0 .league-team-item:first-child {
    margin-bottom: 375px
}

.double-16-plan.double_group .double-decider .league-double-game-item-1 {
    padding-top: 352px
}

.scrollarea .scrollbar-container {
    z-index: 1 !important
}

.i-rouder, .tower-status {
    z-index: 1
}

.league-team-item a:hover {
    color: #16b2ce;
    text-decoration: none
}

.tournament-lobby-notice {
    padding: 10px;
    background-color: #2e3238;
    overflow: hidden
}

.tournament-lobby-notice-tt {
    width: 38px;
    float: left;
    padding-right: 13px;
    font-size: 12px;
    color: #fff
}

.tournament-lobby-notice-text {
    margin-left: 50px;
    font-size: 12px;
    color: #afb0b2
}

.ow-team-rank-table.league-table > thead > tr > th {
    height: 50px;
    background-color: #2e3238
}

.ow-team-rank-table.league-table > tbody > tr > td {
    padding-top: 12px;
    padding-bottom: 12px
}

.ow-rank-table.league-table > tbody > tr[data-list="1"] > td, .ow-rank-table.league-table > tbody > tr[data-list="1"] > td .league-schedule-team-name a {
    color: #f80
}

.ow-rank-table.league-table > tbody > tr[data-list="1"] > td .league-schedule-team-name a:hover, .ow-rank-table.league-table > tbody > tr[data-list="2"] > td .league-schedule-team-name a:hover, .ow-rank-table.league-table > tbody > tr[data-list="3"] > td .league-schedule-team-name a:hover {
    color: #16b2ce
}

.ow-rank-table.league-table > tbody > tr[data-list="1"] > td .league-table-list {
    border-color: #ffa200
}

.ow-rank-table.league-table > tbody > tr[data-list="2"] > td, .ow-rank-table.league-table > tbody > tr[data-list="2"] > td .league-schedule-team-name a {
    color: #de8b2d
}

.ow-rank-table.league-table > tbody > tr[data-list="2"] > td .league-table-list {
    border-color: #de8b2d;
    color: #de8b2d
}

.ow-rank-table.league-table > tbody > tr[data-list="3"] > td, .ow-rank-table.league-table > tbody > tr[data-list="3"] > td .league-schedule-team-name a {
    color: #8a745f
}

.ow-rank-table.league-table > tbody > tr[data-list="3"] > td .league-table-list {
    border-color: #917961;
    color: #917961
}

.btn.btn-black {
    background-color: #23252b;
    color: #afb0b2
}

.btn-sm-xs {
    height: 28px;
    line-height: 14px;
    font-size: 12px
}

.tournament-manage-update-schedule-name.form-control[disabled] {
    background-color: #444953
}

.league-schedule-table.table {
    margin-bottom: 0
}

.league-schedule-table.table > thead > tr > th {
    border-bottom: 1px solid #2e3238;
    background-color: #444953;
    font-weight: 300
}

.league-schedule-table.table > tbody > tr > td {
    border: 0;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #34393f
}

.league-schedule-table.table > tbody > tr.even > td {
    background-color: #393e46
}

.league-schedule-team {
    width: 315px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.league-schedule-team-data {
    width: 130px
}

.league-schedule-team-img {
    border-radius: 2px;
    width: 65px;
    height: 35px;
    position: relative
}

.league-schedule-team-name {
    height: 35px;
    line-height: 35px;
    margin: 0;
    font-size: 12px
}

.league-schedule-team-win {
    float: left;
    line-height: 35px;
    width: 20px;
    display: inline-block;
    height: 33px;
    text-align: center
}

.league-schedule-team-vs {
    display: table-cell;
    width: 55px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    height: 35px
}

.league-schedule-team-vs > span {
    color: #777a7d
}

.league-schedule-table.table .btn-normal {
    box-sizing: content-box;
    font-size: 12px;
    color: #afb0b2;
    background-color: #444953;
    border-radius: 2px;
    padding: 5px 12px;
    min-width: 63px
}

.league-schedule-table.table .btn-normal:hover {
    background-color: #2c8195;
    color: #fff
}

.league-schedule-time {
    color: #8d8f91
}

.league-schedule-table.table > tbody > tr > .league-schedule-table-col {
    padding: 0
}

.league-schedule-table-col {
    position: relative
}

.league-schedule-table-col:after {
    position: absolute;
    left: 60%;
    top: -13px;
    content: "";
    display: block;
    border: 7px solid transparent;
    border-bottom: 7px solid #444953
}

.league-schedule-table-col > .league-schedule-table.table > tbody > tr > td, .league-schedule-table-col > .league-schedule-table.table > thead > tr > th {
    border-top: 1px solid #2e3238;
    border-bottom: 0
}

.league-schedule-teamname {
    display: inline-block;
    position: relative;
    text-align: center
}

.league-schedule-teamname > span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
    text-align: center
}

.league-schedule-banpick {
    width: 240px;
    padding-top: 2px;
    padding-left: 2px
}

.league-schedule-banpick > div {
    margin: -2px
}

.league-schedule-banpick img {
    float: left;
    width: 44px;
    height: 25px;
    margin: 2px
}

.league-schedule-match-link {
    color: #afb0b2
}

.league-schedule-match-link:hover {
    color: #16b2ce
}

.btn.btn-leaguecup-match-submit {
    background-color: #21869a;
    border-color: #21869a
}

.btn-leaguecup-match-submit {
    margin-top: 10px;
    font-size: 12px;
    padding-top: 5px
}

.leaguecup-match-panel .match-vs {
    top: 122px
}

.leaguecup-match-team {
    position: absolute;
    left: 0;
    top: 57px;
    width: 100%
}

.leaguecup-match-team .league-schedule-team-data {
    width: 233px
}

.leaguecup-match-team .league-schedule-team-vs {
    width: 254px
}

.league-schedule-team-img.win {
    border-color: #ffa200
}

.league-schedule-team-img.win:after {
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left: -6px;
    display: block;
    content: "";
    width: 12px;
    height: 9px;
    background: url(../img/league-icon.png) -236px -1px no-repeat
}

.cup-schedule-team-data {
    width: 174px
}

.color-gold {
    color: #e54c13
}

.league-all-money, .league-how-much {
    color: #bdac7c;
    width: 100%;
    text-align: center
}

.league-ranking {
    background-color: #33393f;
    width: 100%
}

.reward-bg {
    background-image: url(../img/reward/reward-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #34383f;
    min-height: 180px;
    width: 100%;
    padding: 39px 20px 20px;
    position: relative
}

.league-all-money {
    font-size: 28px
}

.league-how-much {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 150px
}

.get-reward, .reward-ranking {
    color: #fff;
    vertical-align: middle
}

.bg-opacity {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(bottom, #33393f, transparent 50%);
    background: -webkit-linear-gradient(bottom, #33393f, transparent 50%)
}

.league-ranking-contain {
    padding-bottom: 50px;
    margin-top: -24px;
    margin-bottom: 20px
}

.league-ranking-container {
    overflow: hidden;
    position: relative;
    padding-bottom: 20px
}

.league-ranking-bg {
    background: url(../img/reward/league-rangking-bg.png) top no-repeat #ef382a;
    width: 10px;
    height: 100%;
    left: 100px;
    position: absolute;
    border-radius: 12px
}

.league-ranking-container ul {
    padding: 20px 0
}

.league-ranking-container ul li {
    overflow: hidden;
    position: relative
}

.league-ranking-container ul li:first-child .reward-ranking {
    background: url(../img/reward/one-bg.png) center no-repeat;
    padding-top: 84px
}

.league-ranking-container ul li:first-child + li .reward-ranking {
    background: url(../img/reward/two-bg.png) center no-repeat;
    padding-top: 84px
}

.league-ranking-container ul li:first-child + li + li .reward-ranking {
    background: url(../img/reward/three-bg.png) center no-repeat;
    padding-top: 84px
}

.i-rouder {
    float: left;
    background: url(../img/reward/award-icon.png) 0 -100px no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 96px;
    top: 50%;
    margin-top: -13px
}

.get-reward-bg {
    margin-left: 168px;
    overflow: hidden
}

.reward-ranking {
    background: url(../img/reward/rank-bg.png) center no-repeat;
    height: 122px;
    width: 98px;
    text-align: center;
    padding-top: 42px;
    font-size: 14px
}

.get-reward {
    overflow: hidden;
    background-color: #393f46;
    padding: 8px 20px;
    width: 680px;
    margin-left: 10px;
    display: table;
    text-align: left;
    margin-top: 30px
}

.get-reward-rmb {
    font-size: 24px;
    display: table-cell;
    width: 200px
}

.get-reward-pdou {
    font-size: 16px;
    display: table-cell;
    text-align: left
}

.ow-reward-bg {
    background-image: url(../img/reward/ow-reward-bg.jpg)
}

.ow-reward-64 {
    background-image: url(../img/reward/banana-bg.jpg)
}

.league-lastgame-list > li {
    background-color: #34393f
}

.league-lastgame-list > li.even {
    background-color: #393f46
}

.league-lastgame-hd {
    height: 32px;
    background-color: #444953;
    padding: 0 20px 0 25px;
    line-height: 32px;
    font-size: 12px
}

.league-lastgame-content {
    height: 95px;
    padding: 13px;
    position: relative
}

.league-lastgame-row {
    margin: 0 -3px
}

.league-lastgame-user > li {
    float: left;
    width: 56px;
    padding: 0 3px
}

.league-lastgame-user > li:first-child {
    margin-left: 0
}

.league-lastgame-user-img {
    width: 50px;
    height: 50px;
    padding: 5px
}

.arena-list .league-lastgame-user-img {
    width: 46px;
    height: 46px;
    padding: 2px
}

.league-lastgame-user-img.approve-user {
    border-width: 3px;
    padding: 0
}

.league-lastgame-user-img.radius-hack .hack-css {
    width: 40px;
    height: 40px;
    background-position: -159px 0;
    left: 5px;
    top: 5px
}

.league-lastgame-list > li.even .hack-css {
    background-position: -200px 0
}

.league-lastgame-name {
    position: relative;
    text-align: center
}

.league-lastgame-name a {
    color: #afb0b2
}

.league-lastgame-name a.text-approve-user {
    color: #efbb06
}

.league-lastgame-user > li.hastag .hack-css {
    background-position: -279px -159px;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0
}

.league-lastgame-user > li.hastag .league-lastgame-name a {
    color: #ffc600
}

.league-lastgame-list > li.even .hastag .hack-css {
    background-position: -279px -216px
}

.league-lastgame-user > li.hastag .league-lastgame-user-img:before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/league-icon.png) -303px -26px no-repeat
}

.league-lastgame-user > li.leader .league-lastgame-user-img:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/league-icon.png) -303px -42px no-repeat
}

.ib, .league-lastgame-vs:after, .league-teamClassify-tab li {
    display: inline-block
}

.league-lastgame-vs {
    float: left;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    margin-top: 7px;
    position: relative
}

.league-lastgame-vs:after {
    content: "";
    width: 122px;
    height: 27px;
    background: url(../img/league-icon.png) -174px -173px no-repeat
}

.league-game-mode {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #afb0b2
}

.cupGameRecord-item, .team-member-search-input {
    position: relative
}

.league-lastgame-vs.league-myarena-vs {
    margin-top: -5px
}

.team-search-list .even {
    background-color: #34393F
}

.team-search-list .odd {
    background-color: #393E46
}

.team-search-list .team-list-info {
    padding: 10px 0 10px 10px
}

.team-search-list .btn-team-choose {
    width: 110px;
    background-color: #444953;
    color: #A3A5A7;
    padding: 0;
    line-height: 34px;
    border: none
}

.team-search-list .btn-team-choose:hover {
    color: #16b2ce
}

.modal-center-icon.modal-team-icon {
    width: 45px;
    height: 46px;
    background: url(../img/league-icon.png) -406px -119px no-repeat
}

.mr10 {
    margin-right: 10px
}

.mt10 {
    margin-top: 10px
}

.ib {
    vertical-align: middle
}

.f0 {
    font-size: 0
}

.league-main-content .icon-star {
    color: #784a1d;
    display: inline-block;
    font-size: 10px;
    -webkit-transform: scale(.83)
}

.icon-star.active {
    color: #ff7e00
}

.league-teamClassify-tab {
    background: #34393f
}

.league-teamClassify-tab li a {
    color: #a3a5a7;
    display: block;
    padding: 15px 40px;
    border-bottom: 2px solid #34393f
}

.league-teamClassify-tab li a:hover {
    text-decoration: none
}

.league-teamClassify-tab li.active a {
    color: #fff;
    border-bottom: 2px solid #14b9d6
}

.cupGame-team-data {
    padding-top: 10px
}

.cupGame-score {
    color: #6f7174
}

.cupGame-team-img {
    border: 1px solid #474b50;
    border-radius: 2px
}

.game-id {
    color: #afb0b2
}

.game-id:hover {
    text-decoration: none;
    color: #14b9d6
}

.gameRecord-table {
    margin-bottom: 0
}

.gameRecord-table > tbody > tr > td {
    padding: 9px 8px
}

.gameRecordPop-table {
    position: relative;
    margin-bottom: 0
}

.gameRecordPop-table > thead > tr {
    background-color: #444953
}

.gameRecordPop-table .info-link {
    color: #afb0b2
}

.gameRecordPop-table .info-link:hover {
    color: #14b9d6;
    text-decoration: none
}

.btn-downloadRecord {
    display: block;
    width: 105px;
    margin: 0 auto;
    padding: 4px 12px;
    background-color: #21879b
}

.whoGetTheAward {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35%
}

.lt-player-name {
    padding-top: 6px
}

.setting-season-recipient {
    width: 40%
}

.league-history-hd {
    display: table;
    width: 100%
}

.lt-team {
    width: 90px
}

.setting-season-award {
    width: 25%
}

.league-manager-list li {
    overflow: hidden;
    padding: 8px 0;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    line-height: 34px
}

.btn-add-manager, .btn-del-manager {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 28px
}

.league-manager-list li.even {
    background-color: #393f46
}

.btn-del-manager {
    font-size: 12px;
    background-color: #444953;
    color: #afb0b2;
    margin-right: 10px;
    margin-top: 4px;
    width: 57px
}

.btn-add-manager {
    font-size: 14px;
    background-color: #2c8195;
    color: #fff;
    margin: 4px 458px;
    width: 125px;
    text-align: center
}

.team-member-search-input, .team-member-search-list {
    width: 373px;
    margin-left: auto;
    margin-right: auto
}

.btn-add-manager:hover {
    color: #afb0b2
}

.team-member-search-input .icon-search {
    position: absolute;
    right: 8px;
    top: 6px;
    cursor: pointer
}

.team-member-search-list .even {
    background-color: #34393F
}

.team-member-search-list .odd {
    background-color: #393E46
}

.team-member-search-list .team-member-search-user {
    padding: 10px 0 10px 10px
}

.team-member-search-list .btn-team-member-choose {
    width: 110px;
    background-color: #444953;
    color: #A3A5A7;
    padding: 0;
    line-height: 34px;
    border: none
}

.setting-award-item, .setting-award-name {
    width: 28%;
    float: left
}

.setting-award-content {
    width: 50%;
    float: left
}

.setting-award-item input[type=text] {
    font-size: 12px;
    height: 28px;
    padding: 3px 12px;
    width: 180px
}

.setting-award-content input[type=text] {
    width: 420px
}

.rank-checkbox {
    margin-left: 20px
}

.rank-checkbox .icheckbox {
    left: 20px;
    top: 7px;
    background-position: -125px -3px
}

.rank-checkbox .icheckbox.checked {
    background-position: -142px -3px
}

.award-select .btn-group {
    position: absolute
}

.rank-checkbox-item .icheckbox {
    top: 12px
}

.league-history-hd.leaguecup-group-add {
    padding: 11px 10px 8px 0
}

.ke-container.ke-container-default {
    background-color: #444953;
    border: none
}

.ke-statusbar {
    display: none
}

.team-member-result-name {
    max-width: 140px;
    display: inline-block
}

.confirm-modal .modal-content {
    float: left
}

.confirm-team-name {
    width: 106px;
    display: inline-block;
    line-height: 16px
}

.confirm-modal .modal-grant-list {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.nologin-status-btn a {
    color: #fff;
    width: 105px;
    display: inline-block;
    background-color: #24b5d3;
    border-color: #24b5d3;
    padding: 4px 12px 5px;
    font-size: 12px;
    text-align: center
}

.league-button {
    background: 0 0;
    border: none;
    color: #fff;
    width: 105px;
    height: 28px;
    padding: 0;
    line-height: 28px
}

.charts-list.active, .live-nav-list li.active {
    border-bottom: 2px solid #14b9d7
}

.btn-end {
    background-color: #727785
}

.empty.no-detail-bg {
    background-color: #444953
}

.banpick-detail, .league-live-detail {
    background-color: #2e3238;
    padding: 20px 20px 0
}

.live-url-error-msg {
    display: inline-block;
    color: #C12B2B;
    float: left;
    margin-left: 100px
}

#bodyer {
    min-height: 583px
}

.banpick-detail .league-detail-banpick {
    margin-bottom: 0
}

.league-live-detail {
    overflow: hidden
}

.economic-detail, .zb-league {
    width: 510px;
    height: 368px
}

.charts-nav-list, .live-nav-list {
    height: 50px;
    background: #444953
}

.live-nav-list li {
    height: 50px;
    float: left
}

.live-nav-list li a {
    line-height: 50px;
    color: #afb0b2;
    padding: 0 20px
}

.live-nav-list li a:hover {
    text-decoration: none
}

.live-nav-list li.active a {
    color: #fff
}

.live-radiant-name {
    color: #8ab71b
}

.live-dire-name {
    color: #fa393a
}

.zb-league .tab-content {
    min-height: 318px;
    background: #393e46
}

.tw-league-container {
    padding: 10px
}

.tp-league-zb {
    width: 236px;
    height: 236px;
    background: url(../img/newLeague/wz-map.jpg) center no-repeat
}

.live-map-head {
    height: 55px;
    text-align: center;
    padding: 0 20px;
    margin-top: 5px
}

.live-map-name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle
}

.dire-live-score, .radiant-live-score {
    width: 50%
}

.wz-league-zb {
    width: 246px;
    height: 296px;
    overflow: hidden
}

.wz-league-zb li {
    margin-bottom: 8px;
    overflow: hidden
}

.color-1 {
    color: #8ab71b
}

.color-0 {
    color: #fa393a
}

.jspContainer .jspTrack {
    background-color: #393e46
}

.jspContainer .jspDrag {
    background-color: #525863
}

.charts-list {
    float: left;
    height: 50px
}

.charts-list a {
    line-height: 50px;
    color: #afb0b2;
    padding: 0 20px
}

.charts-list a:hover {
    text-decoration: none
}

.charts-list.active a {
    color: #fff
}

.form-wai {
    width: 510px;
    height: 318px;
    background: #33393f;
    padding: 10px
}

#tp-league-zb {
    position: relative
}

.barracks-status, .players-postion, .tower-status {
    position: absolute;
    background: url(../img/newLeague/map-icon.png) center no-repeat
}

.barracks-status, .tower-status {
    width: 10px;
    height: 10px
}

.players-postion {
    width: 23px;
    height: 23px
}

.tower-radiant.tower-status-1 {
    background-position: -89px 0
}

.tower-status-0 {
    background-position: -64px 0
}

.tower-dire.tower-status-1 {
    background-position: -116px 0
}

.barracks-radiant.barracks-status-1 {
    background-position: -76px 0
}

.barracks-dire.barracks-status-1 {
    background-position: -102px 0
}

.barracks-status-0 {
    background-position: -51px 0
}

.tower-radiant-1 {
    left: 28px;
    top: 183px
}

.tower-radiant-2 {
    left: 35px;
    top: 190px
}

.tower-radiant-3 {
    left: 63px;
    top: 201px
}

.tower-radiant-4 {
    left: 107px;
    top: 201px
}

.tower-radiant-5 {
    left: 185px;
    top: 199px
}

.tower-radiant-6 {
    left: 47px;
    top: 168px
}

.tower-radiant-7 {
    left: 64px;
    top: 155px
}

.tower-radiant-8 {
    left: 90px;
    top: 128px
}

.tower-radiant-9 {
    left: 19px;
    top: 158px
}

.tower-radiant-10 {
    left: 22px;
    top: 126px
}

.tower-radiant-11 {
    left: 22px;
    top: 89px
}

.tower-dire-1 {
    left: 187px;
    top: 40px
}

.tower-dire-2 {
    left: 195px;
    top: 46px
}

.tower-dire-3 {
    left: 205px;
    top: 74px
}

.tower-dire-4 {
    left: 205px;
    top: 107px
}

.tower-dire-5 {
    left: 205px;
    top: 145px
}

.tower-dire-6 {
    left: 170px;
    top: 62px
}

.tower-dire-7 {
    left: 149px;
    top: 84px
}

.tower-dire-8 {
    left: 126px;
    top: 105px
}

.tower-dire-9 {
    left: 163px;
    top: 30px
}

.tower-dire-10 {
    left: 116px;
    top: 27px
}

.tower-dire-11 {
    left: 48px;
    top: 27px
}

.barracks-radiant-1 {
    left: 54px;
    top: 197px
}

.barracks-radiant-2 {
    left: 54px;
    top: 207px
}

.barracks-radiant-3 {
    left: 40px;
    top: 172px
}

.barracks-radiant-4 {
    left: 47px;
    top: 178px
}

.barracks-radiant-5 {
    left: 15px;
    top: 166px
}

.barracks-radiant-6 {
    left: 24px;
    top: 166px
}

.barracks-dire-1 {
    left: 201px;
    top: 67px
}

.barracks-dire-2 {
    left: 210px;
    top: 67px
}

.barracks-dire-3 {
    left: 174px;
    top: 53px
}

.barracks-dire-4 {
    left: 180px;
    top: 63px
}

.barracks-dire-5 {
    left: 172px;
    top: 27px
}

.barracks-dire-6 {
    left: 172px;
    top: 36px
}

.players-postion {
    z-index: 2
}

.players-postion-0, .players-postion-1, .players-postion-2, .players-postion-3, .players-postion-4 {
    background-position: 0 0
}

.players-postion-128, .players-postion-129, .players-postion-130, .players-postion-131, .players-postion-132 {
    background-position: -24px 0
}

.hero-img {
    border-radius: 23px;
    margin: 3px
}

.ycj-handlers {
    width: 23px;
    height: 23px;
    background: url(../img/newLeague/map-icon.png) center no-repeat
}

.empty-message {
    text-align: center;
    background: #2e3238;
    padding: 110px 0
}

.no-data {
    text-align: center;
    padding: 150px 0
}

.reward-btn {
    background: #db4a15;
    border-color: #db4a15;
    padding: 3px 8px;
    border-radius: 2px;
    line-height: 1.1;
    color: #fff;
    margin-top: 7px;
    cursor: pointer;
    display: none
}

.reward-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.reward-btn.reward-btn-1.reward-btn-success {
    display: inline-block
}

.reward-teammate-modal .modal-dialog {
    display: table;
    height: 100%;
    margin: 0 auto;
    color: afb0b2
}

.reward-teammate-modal .modal-content {
    background-color: transparent
}

.reward-teammate-modal .modal-header {
    background-color: #444953;
    color: #fff;
    font-size: 12px;
    padding: 8px 10px;
    border-color: #444953;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.reward-teammate-modal .modal-header .close {
    font-size: 24px;
    color: #afb0b2;
    margin-top: -5px;
    font-weight: 900;
    filter: alpha(opacity=80);
    opacity: .8
}

.reward-teammate-modal .modal-header .close:hover {
    color: #afb0b2;
    filter: alpha(opacity=100);
    opacity: 1
}

.reward-teammate-modal .modal-title {
    line-height: 1;
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    max-width: 500px
}

.reward-teammate-modal .modal-title:before {
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../img/figure-icon.png) -66px -252px no-repeat
}

.reward-teammate-modal .modal-body {
    padding: 0
}

.teammate-table-head {
    background: #525863;
    width: 100%;
    padding: 3px 10px
}

.reward-teammate-list {
    display: table-cell;
    text-align: center
}

.reward-teammate-modal .teammate-table-head .teammate-players {
    padding-left: 12px
}

.teammate-players {
    width: 125px;
    padding-right: 12px;
    text-align: left
}

.teammate-hero {
    width: 41px
}

.teammate-kda {
    width: 130px;
    padding: 0 12px
}

.teammate-war {
    width: 46px
}

.teammate-table-head .teammate-money {
    width: 120px
}

.teammate-damage {
    width: 80px;
    padding: 0 12px
}

.teammate-player-list {
    background: #444953;
    min-height: 176px
}

.teammate-player-list .teammate-war {
    color: #fa3838
}

.teammate-player-list .teammate-damage {
    color: #a868ff
}

.teammate-player-list .teammate-money {
    color: #ee4e10
}

.has-reward {
    color: #afb0b2
}

.alert-empty {
    text-align: center;
    padding: 80px 0
}

.reward-alert {
    text-align: center;
    padding: 5px;
    background: #2e3238;
    color: #db4a15
}

.teammate-players-img img {
    border-radius: 30px
}

.teammate-player-name {
    width: 95px;
    padding: 5px 5px 0;
    text-align: left;
    line-height: 12px
}

.teammate-player-name .player-name {
    display: inline-block;
    max-width: 85px
}

.guess-rank-media {
    color: #a8aaac;
    background-color: #34393f;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 6px 12px
}

.guess-rank-media:hover {
    background-color: #40434d;
    border-top-color: #53555e;
    border-bottom-color: #2a2b32
}

.guess-rank-media.even {
    background-color: #393f46
}

.reward-input {
    background-color: #23252b;
    border: 1px solid #23252b;
    border-radius: 2px;
    width: 123px;
    padding: 3px 10px;
    margin-right: 5px
}

.reward-teammate-modal .modal-footer .btn.btn-default {
    padding: 4px 30px;
    background: #db4a15;
    border-color: #db4a15;
    color: #fff
}

.reward-teammate-modal .modal-footer {
    text-align: center;
    padding: 9px;
    background: #525863;
    border-color: #525863;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.change-team-modal .modal-footer .btn.btn-default:active, .change-team-modal .modal-footer .btn.btn-default:focus, .reward-teammate-modal .modal-footer .btn.btn-default:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tw-live-map {
    max-width: 240px;
    overflow: hidden
}

@media (min-width: 768px) {
    .reward-teammate-modal .modal-dialog {
        width: 590px
    }
}

.faculty-select .selectpicker.btn-default {
    color: #afb0b2;
    background: #23252b;
    border-color: #23252b;
    width: 213px
}

.faculty-select .bootstrap-select .caret {
    background: #23252b
}

.public-modal.modal .faculty-select .bootstrap-select.btn-group .dropdown-menu {
    width: 213px
}

.public-modal.modal .faculty-select .bootstrap-select.btn-group .dropdown-menu .dropdown-menu {
    width: 193px
}

.ui-menu.ui-widget-content {
    background: #353840;
    border-color: #353840;
    max-height: 219px;
    overflow: auto;
    max-width: 213px
}

.ui-menu.ui-widget-content li {
    border-bottom: 1px solid #444953;
    cursor: pointer
}

.ui-menu.ui-widget-content li a.ui-state-focus, .ui-menu.ui-widget-content li:hover a {
    background: 0 0;
    border-color: transparent;
    color: #fff
}

.ui-menu.ui-widget-content a {
    color: #afb0b2
}

.faculty-select {
    position: relative
}

.chose-faculty {
    width: 213px;
    height: 34px;
    border-radius: 4px;
    background: #23252b;
    padding-left: 12px;
    line-height: 34px
}

.chose-faculty .caret {
    float: right;
    margin: 15px 5px
}

.faculty-list {
    background: #353840;
    padding: 0 12px;
    max-height: 216px;
    overflow: auto;
    position: absolute;
    left: 15px;
    width: 213px;
    display: none
}

.faculty-list li {
    border-top: 1px solid #444953;
    cursor: pointer;
    line-height: 30px
}

.faculty-list li:first-child {
    border-top: none
}

.faculty-list li:hover {
    color: #fff
}

.lt-school-name {
    max-width: 100px
}

.lt-player.has-college {
    max-width: 150px
}

.text-warning {
    display: inline-block;
    max-width: 200px
}

.xs-hero-image-empty {
    display: inline-block;
    width: 44px;
    height: 25px;
    background: url(../img/xs-hero-image-empty.png) no-repeat;
    vertical-align: middle
}

.league-schedule-team-vs > span.text-success {
    color: #919295;
    font-weight: 700;
    font-size: 14px
}

.league-schedule-team-vs > span.text-play {
    color: #d84915;
    font-size: 14px
}

.league-schedule-team-vs > span.text-pending {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.league-main-data {
    padding: 5px 0
}

.league-main-content .league-dashed {
    margin: 8px 0 12px
}

.live-main-contnet {
    padding: 60px 57px;
    background-color: #34393f;
    color: #7b7d81;
    font-size: 14px;
    margin-bottom: 20px
}

.live-title {
    color: #fff;
    font-size: 14px;
    background-color: #444953;
    height: 50px;
    line-height: 50px
}

.live-title span {
    border-right: 1px solid #23252b;
    padding-left: 24px;
    padding-right: 28px;
    height: 38px;
    display: inline-block;
    margin-top: 6px;
    line-height: 38px
}

.live-channel-list {
    height: 50px
}

.live-channel-list li {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -2px;
    min-width: 60px;
    max-width: 150px;
    line-height: 52px
}

.live-channel-list li.active {
    color: #14b9d6;
    border-top: 2px solid #14b9d6
}

.live-channel-list li:hover {
    color: #14b9d6
}

.live-update-form button, .live-update-form input, .live-update-form textarea {
    font-size: 12px;
    background-color: #444953;
    color: #afb0b2
}

.live-update-form {
    margin-top: 20px
}

.live-update-form lable {
    width: 110px;
    text-align: right;
    display: inline-block;
    margin-right: 20px;
    float: left;
    line-height: 28px
}

.live-update-form input {
    height: 28px;
    padding: 3px 12px;
    width: 180px;
    border: 0
}

.live-update-form textarea {
    height: 150px;
    padding: 3px 12px;
    width: 780px;
    border: 0
}

.live-update-form button {
    height: 28px;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.live-update-form button:hover {
    background-color: #16b2ce;
    color: #fff
}

.live-content-label {
    background: 0 0;
    margin-bottom: 0;
    line-height: 28px;
    font-weight: 400
}

#league-notice .league-main {
    background-color: #34393f
}

.league-notice-title {
    font-size: 14px;
    color: #afb0b2
}

.league-notice-title span {
    margin: 0 5px
}

.league-notice-title b {
    background-color: #6e7176;
    display: inline-block;
    width: 45px;
    height: 1px;
    vertical-align: middle;
    margin-top: -1px
}

.league-notice-content {
    color: #737679;
    margin-top: 7px
}

.btn-wait.league-button {
    background: #00c177
}

.btn-info.league-button {
    background: #24b5d3
}
